diff --git a/.github/actions/detect-package-manager/action.yml b/.github/actions/detect-package-manager/action.yml
index c75f68f..02529ff 100644
--- a/.github/actions/detect-package-manager/action.yml
+++ b/.github/actions/detect-package-manager/action.yml
@@ -35,7 +35,7 @@ runs:
exit 0
elif [ -f "$PROJECT_PATH/package-lock.json" ]; then
echo "manager=npm" >> $GITHUB_OUTPUT
- echo "command=ci" >> $GITHUB_OUTPUT
+ echo "command=install" >> $GITHUB_OUTPUT
echo "runner=npx --no-install" >> $GITHUB_OUTPUT
exit 0
else
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index d9bdd12..ca73476 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -18,7 +18,7 @@ jobs:
- name: Setup Node
uses: actions/setup-node@v3
with:
- node-version: "16"
+ node-version: '16'
cache: ${{ steps.detect-package-manager.outputs.manager }}
- name: Setup Pages
uses: actions/configure-pages@v2
@@ -45,7 +45,7 @@ jobs:
- name: Static HTML export with Next.js
run: ${{ steps.detect-package-manager.outputs.runner }} next export
- name: Optimize all static images after the Next.js static export
- run: ${{ steps.detect-package-manager.outputs.runner }} next-image-export-optimizer
+ run: ${{ steps.detect-package-manager.outputs.runner }} next-image-export-optimizer
- name: Upload artifact
uses: actions/upload-pages-artifact@v1
with:
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index ce2a365..bc1ef79 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -7,7 +7,7 @@ name: Deploy Next.js site to Pages
on:
# Runs on pushes targeting the default branch
push:
- branches: ["main"]
+ branches: ['main']
# Allows you to run this workflow manually from the Actions tab
workflow_dispatch:
@@ -20,7 +20,7 @@ permissions:
# Allow one concurrent deployment
concurrency:
- group: "pages"
+ group: 'pages'
cancel-in-progress: true
jobs:
@@ -36,7 +36,7 @@ jobs:
- name: Setup Node
uses: actions/setup-node@v3
with:
- node-version: "16"
+ node-version: '16'
cache: ${{ steps.detect-package-manager.outputs.manager }}
- name: Setup Pages
uses: actions/configure-pages@v2
@@ -63,7 +63,7 @@ jobs:
- name: Static HTML export with Next.js
run: ${{ steps.detect-package-manager.outputs.runner }} next export
- name: Optimize all static images after the Next.js static export
- run: ${{ steps.detect-package-manager.outputs.runner }} next-image-export-optimizer
+ run: ${{ steps.detect-package-manager.outputs.runner }} next-image-export-optimizer
- name: Upload artifact
uses: actions/upload-pages-artifact@v1
with:
diff --git a/components/Accordion/Accordion.context.ts b/components/Accordion/Accordion.context.ts
deleted file mode 100644
index 9efa15f..0000000
--- a/components/Accordion/Accordion.context.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { createSafeContext } from '@/utils/createSafeContext';
-import { ACCORDION_ERRORS } from './Accordion.errors';
-import { AccordionIconPosition } from './Accordion';
-
-interface AccordionContext {
- iconPosition: AccordionIconPosition;
- icon: React.ReactNode;
- onChange(value: string): void;
- isItemActive(value: string): boolean;
-}
-
-export const [AccordionContextProvider, useAccordionContext] = createSafeContext(
- ACCORDION_ERRORS.context,
-);
diff --git a/components/Accordion/Accordion.errors.ts b/components/Accordion/Accordion.errors.ts
deleted file mode 100644
index 0e0318a..0000000
--- a/components/Accordion/Accordion.errors.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export const ACCORDION_ERRORS = {
- context: 'Accordion component was not found in the tree',
- itemContext: 'Accordion.Item component was not found in the tree',
- value: 'Accordion.Item component was rendered with invalid value or without value',
-};
diff --git a/components/Accordion/Accordion.tsx b/components/Accordion/Accordion.tsx
deleted file mode 100644
index 8d08674..0000000
--- a/components/Accordion/Accordion.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import { useUncontrolled } from '@/hooks';
-import { Icon } from '@/components';
-import { AccordionContextProvider } from './Accordion.context';
-import { AccordionItem } from './AccordionItem';
-import { AccordionControl } from './AccordionControl';
-import { AccordionPanel } from './AccordionPanel';
-
-export type AccordionIconPosition = 'left' | 'right';
-type AccordionValue = Multiple extends true ? string[] : string | null;
-
-interface AccordionProps {
- /** Accordion content */
- children: React.ReactNode;
-
- /** Determines whether multiple items can be opened at a time */
- multiple?: Multiple;
-
- /** Value for controlled component */
- value?: AccordionValue;
-
- /** Default value for uncontrolled component */
- defaultValue?: AccordionValue;
-
- /** Callback for controlled component */
- onChange?(value: AccordionValue): void;
-
- /** Determines position of the arrow icon */
- iconPosition?: AccordionIconPosition;
-
- /** Replaces arrow icon on all items */
- icon?: React.ReactNode;
-}
-
-export function Accordion({
- children,
- multiple,
- value,
- defaultValue,
- onChange,
- iconPosition = 'right',
- icon = ,
-}: AccordionProps) {
- const [_value, handleChange] = useUncontrolled({
- value,
- defaultValue,
- finalValue: multiple ? ([] as any) : null,
- onChange,
- });
-
- const isItemActive = (itemValue: string) =>
- Array.isArray(_value) ? _value.includes(itemValue) : itemValue === _value;
-
- const handleItemChange = (itemValue: string) => {
- const nextValue: AccordionValue = Array.isArray(_value)
- ? _value.includes(itemValue)
- ? _value.filter((selectedValue) => selectedValue !== itemValue)
- : [..._value, itemValue]
- : itemValue === _value
- ? null
- : (itemValue as any);
-
- handleChange(nextValue);
- };
-
- return (
-
-
-
- );
-}
-
-Accordion.Item = AccordionItem;
-Accordion.Control = AccordionControl;
-Accordion.Panel = AccordionPanel;
-Accordion.displayName = 'Accordion';
diff --git a/components/Accordion/AccordionControl.tsx b/components/Accordion/AccordionControl.tsx
deleted file mode 100644
index 0d088a0..0000000
--- a/components/Accordion/AccordionControl.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-import { useAccordionContext } from './Accordion.context';
-import { useAccordionItemContext } from './AccordionItem.context';
-
-export interface AccordionControlProps extends React.ComponentPropsWithoutRef<'button'> {
- children?: React.ReactNode;
-}
-
-export const AccordionControl = forwardRef(
- ({ children, className, ...restProps }: AccordionControlProps, ref) => {
- const { value } = useAccordionItemContext();
- const ctx = useAccordionContext();
- const { iconPosition, icon } = ctx;
- const isActive = ctx.isItemActive(value);
-
- return (
- {
- ctx.onChange(value);
- }}
- type="button"
- data-active={isActive || undefined}
- >
- {iconPosition === 'left' && icon}
- {children}
- {iconPosition === 'right' && icon}
-
- );
- },
-);
-
-AccordionControl.displayName = 'AccordionControl';
diff --git a/components/Accordion/AccordionItem.context.ts b/components/Accordion/AccordionItem.context.ts
deleted file mode 100644
index a58f889..0000000
--- a/components/Accordion/AccordionItem.context.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { createSafeContext } from '@/utils/createSafeContext';
-import { ACCORDION_ERRORS } from './Accordion.errors';
-
-interface AccordionItemContext {
- value: string;
-}
-
-export const [AccordionItemContextProvider, useAccordionItemContext] = createSafeContext(
- ACCORDION_ERRORS.itemContext,
-);
diff --git a/components/Accordion/AccordionItem.tsx b/components/Accordion/AccordionItem.tsx
deleted file mode 100644
index bdc5f1c..0000000
--- a/components/Accordion/AccordionItem.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { AccordionItemContextProvider } from './AccordionItem.context';
-
-export function AccordionItem({ children, value }: { children: React.ReactNode; value: string }) {
- return (
-
- {children}
-
- );
-}
-
-AccordionItem.displayName = 'AccordionItem';
diff --git a/components/Accordion/AccordionPanel.tsx b/components/Accordion/AccordionPanel.tsx
deleted file mode 100644
index 95d44cb..0000000
--- a/components/Accordion/AccordionPanel.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-export interface AccordionPanelProps extends React.ComponentPropsWithoutRef<'p'> {
- children?: React.ReactNode;
-}
-
-export function AccordionPanel({ children, className, ...restProps }: AccordionPanelProps) {
- return (
-
- {children}
-
- );
-}
-
-AccordionPanel.displayName = 'AccordionPanel';
diff --git a/components/Button/Button.tsx b/components/Button/Button.tsx
deleted file mode 100644
index 3221de1..0000000
--- a/components/Button/Button.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-/*
- * Copyright 2022 The Yorkie Authors. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import React, { forwardRef, ReactNode, AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
-import Link from 'next/link';
-import classNames from 'classnames';
-import { ButtonBox } from './ButtonBox';
-
-const ButtonStyle = {
- sm: 'btn_small',
- md: undefined,
- lg: 'btn_large',
- primary: 'orange_0',
- success: 'green_0',
- danger: 'red_0',
- toggle: 'btn_toggle',
- disabled: 'btn_line gray300',
- default: undefined,
-};
-
-type ButtonProps = {
- as?: 'button' | 'a' | 'link';
- type?: 'button' | 'submit' | 'reset';
- href?: string;
- disabled?: boolean;
- className?: string;
- children?: ReactNode;
- blindText?: boolean;
- icon?: ReactNode;
- size?: 'sm' | 'md' | 'lg';
- outline?: boolean;
- color?: 'primary' | 'success' | 'danger' | 'toggle' | 'default';
- isActive?: boolean;
- buttonRef?: any;
-} & AnchorHTMLAttributes &
- ButtonHTMLAttributes;
-
-function ButtonInner({
- as = 'button',
- type = 'button',
- href = '',
- disabled,
- className = '',
- children,
- icon,
- blindText,
- size = 'md',
- outline,
- color = 'default',
- isActive,
- buttonRef,
- ...restProps
-}: ButtonProps) {
- const buttonClassName = classNames('btn', className, ButtonStyle[size], ButtonStyle[color], {
- btn_line: outline,
- is_active: isActive,
- [ButtonStyle.disabled]: disabled,
- });
-
- if (as === 'link') {
- return (
-
- {icon && icon}
- {children && {children} }
-
- );
- }
- if (as === 'a') {
- return (
-
- {icon && icon}
- {children && {children} }
-
- );
- }
- return (
-
- {icon && icon}
- {children && {children} }
-
- );
-}
-
-export const Button = forwardRef((props: ButtonProps, ref) => {
- return ;
-}) as any;
-
-Button.displayName = 'Button';
-Button.Box = ButtonBox;
diff --git a/components/Button/ButtonBox.tsx b/components/Button/ButtonBox.tsx
deleted file mode 100644
index 615601d..0000000
--- a/components/Button/ButtonBox.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
- * Copyright 2022 The Yorkie Authors. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import React, { ReactNode } from 'react';
-import classNames from 'classnames';
-
-export const ButtonBox = React.forwardRef<
- HTMLDivElement,
- {
- fullWidth?: boolean;
- children?: ReactNode;
- }
->(({ children, fullWidth }, ref) => {
- const buttonBoxClassName = classNames('btn_box', {
- full_width: fullWidth,
- });
- return (
-
- {children}
-
- );
-});
-ButtonBox.displayName = 'Button.Box';
diff --git a/components/CodeBlock/CodeBlock.tsx b/components/CodeBlock/CodeBlock.tsx
index 1e1060b..0ad62b7 100644
--- a/components/CodeBlock/CodeBlock.tsx
+++ b/components/CodeBlock/CodeBlock.tsx
@@ -1,43 +1,53 @@
import { ReactNode } from 'react';
-import { CopyButton, Button, Icon } from '@/components';
+import { CopyButton } from '@/components';
import { PrismCodeProps, PrismCode } from './PrismCode';
+import { Box, Icons, Icon, Button } from 'yorkie-ui';
+import React from 'react';
export function CodeBlock({ withCopyButton, ...restProps }: { withCopyButton?: boolean } & PrismCodeProps) {
if (withCopyButton) {
return (
-
+
);
}
return (
-
+
);
}
-function CopyButtonBox({ value, timeout = 1000 }: { value: string; timeout?: number }) {
+function CopyButtonBox({ value, timeout = 1000 }: { value?: string; timeout?: number }) {
return (
-
+
{({ copied, copy }) => (
<>
- } outline onClick={copy} title="Copy to clipboard" />
+ } />}
+ >
{copied && (
-
+ } stroke="orange.default" position="start" size="lg" />
Copied
)}
>
)}
-
+
);
}
diff --git a/components/CodeBlock/CodeBlockHeader.tsx b/components/CodeBlock/CodeBlockHeader.tsx
index 1220725..4008624 100644
--- a/components/CodeBlock/CodeBlockHeader.tsx
+++ b/components/CodeBlock/CodeBlockHeader.tsx
@@ -1,5 +1,7 @@
import { ReactNode } from 'react';
-import { CopyButton, Button, Icon } from '@/components';
+import { CopyButton } from '@/components';
+import { Icon, Icons, Button, Box } from 'yorkie-ui';
+import React from 'react';
export function CodeBlockHeader({ children }: { children: ReactNode }) {
return {children}
;
@@ -13,18 +15,20 @@ function RightBox({ children }: { children: ReactNode }) {
return {children}
;
}
-function CopyButtonBox({ value, timeout = 1000 }: { value: string; timeout?: number }) {
+function CopyButtonBox({ value, timeout = 1000 }: { value?: string; timeout?: number }) {
return (
{({ copied, copy }) => (
<>
- } className="gray50" outline onClick={copy} title="Copy to clipboard" />
+
+ } stroke="neutral.12" size={{ base: 'lg', lg: '2xl' }} />
+
{copied && (
-
-
+
+ } stroke="#fff" position="start" size="lg" />
Copied
-
+
)}
>
)}
diff --git a/components/CopyButton.tsx b/components/CopyButton.tsx
index 55d4189..f240e65 100644
--- a/components/CopyButton.tsx
+++ b/components/CopyButton.tsx
@@ -7,10 +7,10 @@ export function CopyButton({
}: {
children(payload: { copied: boolean; copy(): void }): React.ReactNode;
timeout?: number;
- value: string;
+ value?: string;
}) {
const clipboard = useClipboard({ timeout });
- const copy = () => clipboard.copy(value);
+ const copy = () => clipboard.copy(value || '');
return <>{children({ copy, copied: clipboard.copied })}>;
}
diff --git a/components/Icons/Icon.tsx b/components/Icons/Icon.tsx
index c93ae9f..f4d80e3 100644
--- a/components/Icons/Icon.tsx
+++ b/components/Icons/Icon.tsx
@@ -1,89 +1,41 @@
import classNames from 'classnames';
-import StarSVG from '@/public/assets/icons/icon_stars.svg';
-import CopySVG from '@/public/assets/icons/icon_copy.svg';
-import BookSVG from '@/public/assets/icons/icon_book.svg';
-import BackHomeSVG from '@/public/assets/icons/icon_back_home.svg';
-import SlackSVG from '@/public/assets/icons/icon_slack.svg';
-import GitHubSVG from '@/public/assets/icons/icon_github.svg';
-import GnbMenuSVG from '@/public/assets/icons/icon_gnb_menu.svg';
-import CloseSVG from '@/public/assets/icons/icon_close.svg';
-import CloseSmallSVG from '@/public/assets/icons/icon_close_small.svg';
import OpenSelectorSVG from '@/public/assets/icons/icon_open_selector.svg';
-import DiamondSVG from '@/public/assets/icons/icon_diamond.svg';
import ToolSVG from '@/public/assets/icons/icon_tool.svg';
-import MessageSquareSVG from '@/public/assets/icons/icon_message_square.svg';
import MessageSmileSVG from '@/public/assets/icons/icon_message_smile.svg';
-import SmileSVG from '@/public/assets/icons/icon_smile.svg';
import CheckCircleSVG from '@/public/assets/icons/icon_check_circle.svg';
-import ScenarioSVG from '@/public/assets/icons/icon_scenario.svg';
-import ArrowSVG from '@/public/assets/icons/icon_arrow.svg';
import RecorderSVG from '@/public/assets/icons/icon_recorder.svg';
import BulbSVG from '@/public/assets/icons/icon_bulb.svg';
-import TwinkleSVG from '@/public/assets/icons/icon_twinkle.svg';
import MenuSVG from '@/public/assets/icons/icon_menu.svg';
import DangerSVG from '@/public/assets/icons/icon_alert_danger.svg';
import SuccessSVG from '@/public/assets/icons/icon_alert_success.svg';
import WarningSVG from '@/public/assets/icons/icon_alert_warning.svg';
import InfoSVG from '@/public/assets/icons/icon_alert_info.svg';
import CheckSVG from '@/public/assets/icons/icon_check.svg';
-import DiscordSVG from '@/public/assets/icons/icon_discord.svg';
import ViewFullSVG from '@/public/assets/icons/icon_view_full.svg';
import ViewShowSVG from '@/public/assets/icons/icon_view_show.svg';
import ViewGridSVG from '@/public/assets/icons/icon_view_grid.svg';
import ViewSplitSVG from '@/public/assets/icons/icon_view_split.svg';
-import ExpandSVG from '@/public/assets/icons/icon_expand.svg';
-import PlusSVG from '@/public/assets/icons/icon_plus.svg';
-import MinimizeSVG from '@/public/assets/icons/icon_minimize.svg';
import PinSVG from '@/public/assets/icons/icon_pin.svg';
-import PackageSVG from '@/public/assets/icons/icon_package.svg';
-import CloudSVG from '@/public/assets/icons/icon_cloud_orange.svg';
-import FolderSVG from '@/public/assets/icons/icon_folder.svg';
-import FolderOpenSVG from '@/public/assets/icons/icon_folder_open.svg';
-import FileSVG from '@/public/assets/icons/icon_file.svg';
-const svgMap = {
- star: ,
- copy: ,
- book: ,
- backHome: ,
- slack: ,
- github: ,
- gnbMenu: ,
- close: ,
- closeSmall: ,
+export const svgMap = {
openSelector: ,
- diamond: ,
tool: ,
- messageSquare: ,
messageSmile: ,
- smile: ,
checkCircle: ,
- scenario: ,
- arrow: ,
recorder: ,
bulb: ,
- twinkle: ,
menu: ,
danger: ,
success: ,
warning: ,
info: ,
check: ,
- discord: ,
viewFull: ,
viewShow: ,
viewGrid: ,
viewSplit: ,
- expand: ,
- plus: ,
- minimize: ,
pin: ,
- package: ,
- cloud: ,
- folderClose: ,
- folderOpen: ,
- file: ,
};
type SVGType = keyof typeof svgMap;
diff --git a/components/Layout/ExampleLayout.tsx b/components/Layout/ExampleLayout.tsx
index 35a57e4..b7655cd 100644
--- a/components/Layout/ExampleLayout.tsx
+++ b/components/Layout/ExampleLayout.tsx
@@ -1,8 +1,7 @@
import { ReactElement, ReactNode, useState } from 'react';
import Link from 'next/link';
-import classNames from 'classnames';
-import { Button, Icon } from '@/components';
import LogoGnbSVG from '@/public/assets/icons/logo_gnb.svg';
+import { Box } from 'yorkie-ui';
type ExampleViewType = 'full' | 'show' | 'grid' | 'split';
type ExampleViewIconType = 'viewFull' | 'viewShow' | 'viewGrid' | 'viewSplit';
@@ -34,7 +33,7 @@ export function ExampleLayout({
- Yorkie
+ Yorkie
Examples
diff --git a/components/Layout/Footer.tsx b/components/Layout/Footer.tsx
index 03ebed5..0bbe83b 100644
--- a/components/Layout/Footer.tsx
+++ b/components/Layout/Footer.tsx
@@ -1,155 +1,160 @@
-import { ReactElement } from 'react';
-import Link from 'next/link';
-import LogoSVG from '@/public/assets/icons/logo_horizontal_s.svg';
-import { ThemeDropdown } from './ThemeDropdown';
+import { ReactElement, useEffect, useState } from 'react';
+import { Link, Box, Grid, GridItem, Container, Text, Flex, Icon, Icons, Select } from 'yorkie-ui';
+import React from 'react';
+import { ThemeOption, useTheme } from '@/hooks/useTheme';
const fullYear = new Date(process.env.NEXT_PUBLIC_BUILT_AT!).getFullYear();
export function Footer({ shortFooter }: { shortFooter?: boolean }): ReactElement {
+ const { setTheme } = useTheme();
+ const [themeOption, setThemeOption] = useState('system');
+ useEffect(() => {
+ const themeOption = (window.localStorage.getItem('theme') || 'system') as ThemeOption;
+ setThemeOption(themeOption);
+ }, [setTheme]);
+
if (shortFooter) {
return (
-
+
+ Copyright © {fullYear} Yorkie
+
);
}
+ const setThemeSelect = (value: any) => {
+ setThemeOption(value.value);
+ setTheme(value.value);
+ };
+ const items = [
+ { label: 'Dark', value: 'dark' },
+ { label: 'Light', value: 'light' },
+ ];
return (
-
-
-
-
-
-
-
-
-
Copyright © {fullYear} Yorkie
-
-
-
-
-
-
- Products
+
-
-
-
+
+ Copyright © {fullYear} Yorkie
+
+
+
+
+
+ } stroke="neutral.10" size="sm" />
+
+
+
+
+
+ {items.map((item) => (
+ setThemeSelect(item)} key={item.value} item={item}>
+ {item.label}
+
+ } stroke="neutral.10" size="sm" />
+
+
+ ))}
+
+
+
+
+
+
+
+
+ Products
+
+
Document and Presence
-
-
-
+
Dashboard
-
-
-
+
Self-hosted server
-
-
-
-
-
-
- Documentation
-
-
-
-
-
+
+
+
+
+
+ Documentation
+
+
About Yorkie
-
-
-
+
Getting Started
-
-
-
+
JS SDK
-
-
-
+
iOS SDK
-
-
-
+
Android SDK
-
-
-
-
-
-
- Examples
-
-
-
-
-
+
+
+
+
+
+ Examples
+
+
Kanban Board
-
-
-
+
Profile Stack
-
-
-
+
TodoMVC
-
-
-
+
CodeMirror
-
-
-
+
tldraw
-
-
-
+
Quill
-
-
-
-
-
-
- Community
-
-
-
-
-
+
+
+
+
+
+ Community
+
+
Discord
-
-
-
+
GitHub
-
-
-
-
-
+
+
+
+
+
);
}
diff --git a/components/Layout/Header.tsx b/components/Layout/Header.tsx
index 498436c..242dae4 100644
--- a/components/Layout/Header.tsx
+++ b/components/Layout/Header.tsx
@@ -1,14 +1,13 @@
import { ReactElement, useEffect, useState } from 'react';
-import { useRouter } from 'next/router';
-import Link from 'next/link';
-import { Button, Icon } from '@/components';
+import { usePathname } from 'next/navigation';
+import { Button, Box, Icon, Heading, Flex, Link, Text, Icons } from 'yorkie-ui';
import { isValidToken } from '@/utils/isValidToken';
import { MobileGnbDropdown } from './MobileGnbDropdown';
import LogoSVG from '@/public/assets/icons/logo_horizontal_xs.svg';
import LogoGnbSVG from '@/public/assets/icons/logo_gnb.svg';
export function Header(): ReactElement {
- const { pathname } = useRouter();
+ const pathname = usePathname();
const [isLoggedIn, setIsLoggedIn] = useState(null);
useEffect(() => {
@@ -17,62 +16,112 @@ export function Header(): ReactElement {
}, [setIsLoggedIn]);
return (
-
+ } />}
+ position="start"
+ display={{ base: 'none', lg: 'flex' }}
+ >
+ Start for free
+
+
+ ) : null}
+
+
+
);
}
diff --git a/components/Layout/MobileGnbDropdown.tsx b/components/Layout/MobileGnbDropdown.tsx
index d08fb56..bae1903 100644
--- a/components/Layout/MobileGnbDropdown.tsx
+++ b/components/Layout/MobileGnbDropdown.tsx
@@ -1,13 +1,12 @@
import { useState, useEffect } from 'react';
-import { useRouter } from 'next/router';
-import Link from 'next/link';
-import classNames from 'classnames';
-import { Popover, Icon } from 'components';
+import { usePathname } from 'next/navigation';
+import { Button, Box, Menu, Link, Icon, Icons, Flex, Text } from 'yorkie-ui';
+import React from 'react';
export function MobileGnbDropdown({ isLoggedIn }: { isLoggedIn: boolean }) {
const [gnbOpened, setGnbOpened] = useState(false);
const [docsMenuOpened, setDocsMenuOpened] = useState(false);
- const { asPath } = useRouter();
+ const asPath = usePathname();
useEffect(() => {
const handleResize = () => {
@@ -20,192 +19,199 @@ export function MobileGnbDropdown({ isLoggedIn }: { isLoggedIn: boolean }) {
}, []);
return (
-
-
-
- Open menu
-
-
-
-
-
-
-
-
-
- Products
-
-
-
- {
- setDocsMenuOpened((opened) => !opened);
- }}
- >
-
- Documentation
-
- {
- setGnbOpened(false);
- }}
- >
-
-
-
- About Yorkie
-
-
-
-
- Getting Started
-
-
-
-
- JS SDK
-
-
-
-
- iOS SDK
-
-
-
-
- Android SDK
-
-
-
-
- Devtools
-
-
-
-
- CLI
-
-
-
-
- Self-Hosted Server
-
-
-
-
- Internals
-
-
-
-
-
-
-
- Examples
-
-
-
-
- Community
-
-
-
-
-
-
-
+
+ setGnbOpened(!gnbOpened)}
+ stroke="neutral.12"
+ className="fillSVG"
+ >
+ {gnbOpened ? : }
+
+
+
+ Products
+
+
+ setDocsMenuOpened(!docsMenuOpened)}
+ cursor="pointer"
+ >
+ : }
+ paddingInline="2"
+ size="2xl"
+ stroke="neutral.12"
+ />
+ Document
+
+
+
+ About Yorkie
+
+
+ Getting Started
+
+
+ JS SDK
+
+
+ iOS SDK
+
+
+ Android SDK
+
+
+ Devtools
+
+
+ CLI
+
+
+ Self-Hosted Server
+
+
+ Internals
+
+
+
+
+ Example
+
+
+ Community
+
+
+ {isLoggedIn ? (
+
+ Dashboard
+
+ ) : (
+ <>
+
+ Sign in
+
+
+ Start for free
+
+ >
+ )}
+
+
);
}
diff --git a/components/Layout/ThemeDropdown.tsx b/components/Layout/ThemeDropdown.tsx
deleted file mode 100644
index f770818..0000000
--- a/components/Layout/ThemeDropdown.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { Popover, Icon } from 'components';
-import { ThemeOption, useTheme } from '@/hooks/useTheme';
-
-export function ThemeDropdown() {
- const [dropdownOpened, setDropdownOpened] = useState(false);
- const [themeOption, setThemeOption] = useState('system');
- const { setTheme } = useTheme();
-
- useEffect(() => {
- const themeOption = (window.localStorage.getItem('theme') || 'system') as ThemeOption;
- setThemeOption(themeOption);
- }, [setTheme]);
-
- return (
-
-
-
- Theme:
- {themeOption.replace(/^[a-z]/, (char) => char.toUpperCase())}
-
-
-
-
-
-
{
- const target = (e.target as Element).closest('.dropdown_item');
- if (!target) return;
- const option = target.getAttribute('data-option') as ThemeOption;
- if (themeOption !== option) {
- setThemeOption(option);
- setTheme(option);
- }
- setDropdownOpened(false);
- }}
- >
-
-
- System
-
-
-
-
- Light
-
-
-
-
- Dark
-
-
-
-
-
-
- );
-}
diff --git a/components/Navigator.tsx b/components/Navigator.tsx
index 5a7e7b1..cd1f385 100644
--- a/components/Navigator.tsx
+++ b/components/Navigator.tsx
@@ -1,8 +1,8 @@
import classNames from 'classnames';
import { useRouter } from 'next/router';
import Link from 'next/link';
+import { Icons, Icon } from 'yorkie-ui';
import { type DocsOrderList } from '@/utils/mdxUtils';
-import ArrowSVG from '@/public/assets/icons/icon_arrow.svg';
export function Navigator({ navList }: { navList: DocsOrderList }) {
return (
@@ -42,9 +42,9 @@ function NavGroup({ isActive, children }: { isActive: boolean; children: React.R
function NavMenu({ title, href, isActive }: { title: string; href: string; isActive: boolean }) {
return (
-
+
-
+ } />
{title}
diff --git a/components/Tabs/Tab.tsx b/components/Tabs/Tab.tsx
index 40f5557..57991e6 100644
--- a/components/Tabs/Tab.tsx
+++ b/components/Tabs/Tab.tsx
@@ -1,7 +1,8 @@
import React from 'react';
import { useTabsContext } from './Tabs.context';
+import { Button, ButtonProps, Text } from 'yorkie-ui';
-export interface TabProps extends React.ComponentPropsWithoutRef<'button'> {
+export interface TabProps extends ButtonProps {
/** Value that is used to connect Tab with associated panel */
value: string;
@@ -9,26 +10,20 @@ export interface TabProps extends React.ComponentPropsWithoutRef<'button'> {
children?: React.ReactNode;
}
-export const Tab = ({ value, children, onClick, ...others }: TabProps) => {
+export const Tab: React.FC = ({ value, children, onClick, ...others }) => {
const ctx = useTabsContext();
- const isActive = value === ctx.value;
- const activateTab = (event: React.MouseEvent) => {
+ const activateTab = (event: any) => {
ctx.onTabChange(value);
onClick?.(event);
};
return (
-
- {children}
-
+
+
+ {children}
+
+
);
};
diff --git a/components/docs/Alert.tsx b/components/docs/Alert.tsx
index 2755571..61578b9 100644
--- a/components/docs/Alert.tsx
+++ b/components/docs/Alert.tsx
@@ -1,6 +1,6 @@
import { ReactNode } from 'react';
import classNames from 'classnames';
-import { Icon } from '@/components';
+import { Icons, Icon } from 'yorkie-ui';
export function Alert({
children,
@@ -9,6 +9,12 @@ export function Alert({
children: ReactNode;
status: 'danger' | 'success' | 'warning' | 'info';
}) {
+ const statusIcons = {
+ danger: ,
+ warning: ,
+ success: ,
+ info: ,
+ };
return (
-
+
{children}
);
diff --git a/components/docs/Breadcrumb.tsx b/components/docs/Breadcrumb.tsx
index 84c07b3..2e5018c 100644
--- a/components/docs/Breadcrumb.tsx
+++ b/components/docs/Breadcrumb.tsx
@@ -1,11 +1,11 @@
import Link from 'next/link';
-import { Icon } from '@/components';
+import { Icons, Icon } from 'yorkie-ui';
export function Breadcrumb({ menus }: { menus: Array<{ name: string; href: string }> }) {
return (
-
+ } />
{menus.map(({ name, href }) => (
diff --git a/components/exampleView/BasicView/BasicExampleView.tsx b/components/exampleView/BasicView/BasicExampleView.tsx
index f239c3f..06a33c0 100644
--- a/components/exampleView/BasicView/BasicExampleView.tsx
+++ b/components/exampleView/BasicView/BasicExampleView.tsx
@@ -1,8 +1,8 @@
-import { Icon } from '@/components';
import classNames from 'classnames';
import { useCallback, useEffect, useRef, useState } from 'react';
import yorkie from 'yorkie-js-sdk';
import UserContent from './UserContent';
+import { Text, Icon, Button, Icons } from 'yorkie-ui';
interface DocChangeInfo {
type: 'update' | 'initialize' | 'presence';
@@ -96,27 +96,27 @@ export function BasicExampleView({
return (
-
- {`User ${userNumber}`}
+
+ {`User ${userNumber}`}
-
- {
- deleteUser(userNumber);
- }}
- >
-
-
-
+ {
+ deleteUser(userNumber);
+ }}
+ title="Pin"
+ variant="outline"
+ position="start"
+ size="xs"
+ marginLeft="4"
+ >
+ } />
+
);
})}
-
+ } size="md" />
diff --git a/components/exampleView/BasicView/ProjectCodes.tsx b/components/exampleView/BasicView/ProjectCodes.tsx
index 121d906..c298b6c 100644
--- a/components/exampleView/BasicView/ProjectCodes.tsx
+++ b/components/exampleView/BasicView/ProjectCodes.tsx
@@ -8,7 +8,8 @@ import {
setFileOpen,
getFileInfo,
} from '@/utils/exampleFileUtils';
-import { CodeBlock, Icon } from '@/components';
+import { CodeBlock } from '@/components';
+import { Icon, Text, Box, Icons } from 'yorkie-ui';
export function ProjectCodes({
files,
@@ -76,13 +77,13 @@ export function ProjectCodes({
}}
>
{child.isFile ? (
-
+ } position="start" size="xs" />
) : isFolderOpen ? (
-
+ } position="start" size="xs" />
) : (
-
+ } position="start" size="xs" />
)}
- {child.name}
+ {child.name}
{!child.isFile && isFolderOpen && }
@@ -90,14 +91,16 @@ export function ProjectCodes({
})}
-
{activeFileInfo?.name || ''}
-
+
+ {activeFileInfo?.name || ''}
+
+
-
+
);
@@ -131,13 +134,13 @@ function SubFolderCodes({
}}
>
{child.isFile ? (
-
+ } position="start" size="xs" />
) : isFolderOpen ? (
-
+ } position="start" size="xs" />
) : (
-
+ } position="start" size="xs" />
)}
- {child.name}
+ {child.name}
{!child.isFile && isFolderOpen && }
diff --git a/components/exampleView/DualView.tsx b/components/exampleView/DualView.tsx
index ac513f7..7782ab2 100644
--- a/components/exampleView/DualView.tsx
+++ b/components/exampleView/DualView.tsx
@@ -1,6 +1,6 @@
import { useState } from 'react';
import classNames from 'classnames';
-import { Icon } from '@/components';
+import { Icon, Icons } from 'yorkie-ui';
import DashboardUserGreenSVG from '@/public/assets/icons/icon_dashboard_user_green.svg';
import DashboardUserPurpleSVG from '@/public/assets/icons/icon_dashboard_user_purple.svg';
import DashboardUserRedSVG from '@/public/assets/icons/icon_dashboard_user_red.svg';
@@ -84,11 +84,11 @@ export function DualView() {
className={classNames('btn btn_line btn_pin', { blue_0: pinList.includes('user1') })}
title="Pin"
>
-
+ } />
Move to this tab
-
+ } stroke="neutral.10" />
@@ -106,11 +106,11 @@ export function DualView() {
handlePin('user2');
}}
>
-
+ } />
Move to this tab
-
+ } />
@@ -128,11 +128,11 @@ export function DualView() {
handlePin('user3');
}}
>
-
+ } />
Move to this tab
-
+ } />
@@ -150,17 +150,17 @@ export function DualView() {
handlePin('user4');
}}
>
-
+ } />
Move to this tab
-
+ } />
-
+
화면 추가하기
diff --git a/components/exampleView/FullView.tsx b/components/exampleView/FullView.tsx
index 68db0f7..a963946 100644
--- a/components/exampleView/FullView.tsx
+++ b/components/exampleView/FullView.tsx
@@ -1,7 +1,8 @@
-import { Icon, Image } from '@/components';
+import { Image } from '@/components';
import DashboardUserGreenSVG from '@/public/assets/icons/icon_dashboard_user_green.svg';
import DashboardUserPurpleSVG from '@/public/assets/icons/icon_dashboard_user_purple.svg';
import DashboardUserRedSVG from '@/public/assets/icons/icon_dashboard_user_red.svg';
+import { Icon, Icons } from 'yorkie-ui';
const ExampleContent = () => {
return (
@@ -79,7 +80,7 @@ const ExampleContent = () => {
-
+ } />
추가 하기
@@ -104,7 +105,7 @@ const ExampleContent = () => {
diff --git a/components/exampleView/GridView.tsx b/components/exampleView/GridView.tsx
index e91b0fe..a958b6d 100644
--- a/components/exampleView/GridView.tsx
+++ b/components/exampleView/GridView.tsx
@@ -1,8 +1,9 @@
-import { Icon } from '@/components';
import DashboardUserGreenSVG from '@/public/assets/icons/icon_dashboard_user_green.svg';
import DashboardUserPurpleSVG from '@/public/assets/icons/icon_dashboard_user_purple.svg';
import DashboardUserRedSVG from '@/public/assets/icons/icon_dashboard_user_red.svg';
import DashboardUserYellowSVG from '@/public/assets/icons/icon_dashboard_user_yellow.svg';
+import { svgMap } from '@/components/Icons/Icon';
+import { Icon, Icons } from 'yorkie-ui';
export function GridView() {
return (
@@ -71,7 +72,7 @@ export function GridView() {
-
+ } />
창 활성화 시키기
@@ -109,7 +110,7 @@ export function GridView() {
-
+ } />
창 활성화 시키기
@@ -152,7 +153,7 @@ export function GridView() {
>
-
+ } />
창 활성화 시키기
@@ -162,7 +163,7 @@ export function GridView() {
화면 추가하기
-
+ } />
diff --git a/components/exampleView/ShowView.tsx b/components/exampleView/ShowView.tsx
index 876da47..4da43c8 100644
--- a/components/exampleView/ShowView.tsx
+++ b/components/exampleView/ShowView.tsx
@@ -1,4 +1,4 @@
-import { Icon, Image } from '@/components';
+import { Image } from '@/components';
import DashboardUserGreenSVG from '@/public/assets/icons/icon_dashboard_user_green.svg';
import DashboardUserPurpleSVG from '@/public/assets/icons/icon_dashboard_user_purple.svg';
import DashboardUserRedSVG from '@/public/assets/icons/icon_dashboard_user_red.svg';
@@ -7,6 +7,8 @@ import SystemUserGreenSVG from '@/public/assets/icons/icon_system_user_green.svg
import SystemUserPinkSVG from '@/public/assets/icons/icon_system_user_pink.svg';
import SystemUserPurpleSVG from '@/public/assets/icons/icon_system_user_purple.svg';
import ImgExampleWebtoonSVG from '@/public/assets/images/@tmp/img_example_webtoon.svg';
+import { svgMap } from '@/components/Icons/Icon';
+import { Icon, Icons } from 'yorkie-ui';
const ExampleContent = () => {
return (
@@ -84,7 +86,7 @@ const ExampleContent = () => {
-
+
추가 하기
@@ -109,7 +111,7 @@ const ExampleContent = () => {
@@ -136,7 +138,7 @@ export function ShowView() {
-
+ } />
닫기
@@ -153,12 +155,12 @@ export function ShowView() {
-
+ } />
닫기
Move to this tab
-
+ } />
@@ -174,12 +176,12 @@ export function ShowView() {
-
+ } />
닫기
Open in new tab
-
+ } />
@@ -195,17 +197,17 @@ export function ShowView() {
-
+ } />
닫기
-
+ } />
창 활성화 시키기
-
+
화면 추가하기
diff --git a/components/exampleView/Sidebar/Sidebar.tsx b/components/exampleView/Sidebar/Sidebar.tsx
index eb80542..f0beedf 100644
--- a/components/exampleView/Sidebar/Sidebar.tsx
+++ b/components/exampleView/Sidebar/Sidebar.tsx
@@ -1,8 +1,9 @@
import { useState, useEffect } from 'react';
import classNames from 'classnames';
-import { Icon } from '@/components';
import { SidebarContextProvider, useSidebarContext } from './Sidebar.context';
import { SidebarTabs, SidebarTabsList, SidebarTabsTab, SidebarTabsPanel } from './SidebarTabs';
+import { Flex, Button, Icons, Icon, Box } from 'yorkie-ui';
+import React from 'react';
export function Sidebar({
defaultOpened = true,
@@ -37,13 +38,19 @@ export function Sidebar({
function SidebarTop({ children }: { children?: React.ReactNode }) {
const ctx = useSidebarContext();
return (
-
+
{children}
- ctx.setIsOpened((opened) => !opened)}>
-
- Close sidebar
-
-
+ ctx.setIsOpened((opened) => !opened)}
+ variant="outline"
+ icon={ : } stroke="neutral.12" />}
+ position="start"
+ size="sm"
+ />
+
+ Close sidebar
+
+
);
}
diff --git a/components/index.ts b/components/index.ts
index 3702080..44f812d 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -1,10 +1,8 @@
export * from './Layout';
export * from './Navigator';
-export * from './Button/Button';
export * from './Icons/Icon';
export * from './Popover/Popover';
export * from './Tabs/Tabs';
-export * from './Accordion/Accordion';
export * from './CodeBlock';
export * from './CopyButton';
export * from './Image';
diff --git a/components/motions/MainBannerMotion.tsx b/components/motions/MainBannerMotion.tsx
index 778a0a4..5fe2093 100644
--- a/components/motions/MainBannerMotion.tsx
+++ b/components/motions/MainBannerMotion.tsx
@@ -5,9 +5,9 @@ export const MainBannerMotion = ({ bannerActive }: { bannerActive: boolean }) =>
@@ -2158,7 +2158,7 @@ export const MainBannerMotion = ({ bannerActive }: { bannerActive: boolean }) =>
-
+
@@ -2179,13 +2179,13 @@ export const MainBannerMotion = ({ bannerActive }: { bannerActive: boolean }) =>
-
+
diff --git a/docs/sample.mdx b/docs/sample.mdx
index 388bd00..eb05f5f 100644
--- a/docs/sample.mdx
+++ b/docs/sample.mdx
@@ -225,6 +225,4 @@ main();`} language="javascript" withCopyButton/>
-
- }>Learn more about the [SUBSUBSECTION]
-
+Learn more about the [SUBSUBSECTION]
diff --git a/hooks/useTheme.ts b/hooks/useTheme.ts
index 913bc0b..fa0945d 100644
--- a/hooks/useTheme.ts
+++ b/hooks/useTheme.ts
@@ -16,10 +16,12 @@ export function useTheme(initialTheme?: ThemeOption) {
if (theme === 'dark') {
window.document.body.classList.add('darkmode');
+ document.documentElement.setAttribute('data-theme', 'dark');
window.localStorage.setItem('theme', 'dark');
} else if (theme === 'light') {
window.document.body.classList.remove('darkmode');
window.localStorage.setItem('theme', 'light');
+ document.documentElement.setAttribute('data-theme', 'light');
} else if (theme === 'system') {
window.localStorage.setItem('theme', 'system');
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
diff --git a/next.config.js b/next.config.js
index edd1659..514ec13 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,5 +1,7 @@
/** @type {import('next').NextConfig} */
+
const nextConfig = {
+ experimental: { appDir: true },
reactStrictMode: true,
swcMinify: true,
images: {
diff --git a/package-lock.json b/package-lock.json
index 1078490..1863322 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
"dependencies": {
"@jsdevtools/rehype-toc": "^3.0.2",
"@svgr/webpack": "^6.5.0",
+ "@types/react": "^18",
"classnames": "^2.3.2",
"framer-motion": "^7.6.7",
"gray-matter": "^4.0.3",
@@ -17,7 +18,7 @@
"jwt-decode": "^3.1.2",
"lodash.clonedeep": "^4.5.0",
"minimatch": "^5.1.2",
- "next": "13.0.0",
+ "next": "13.4.7",
"next-image-export-optimizer": "^1.0.1",
"next-mdx-remote": "^4.1.0",
"next-remote-watch": "^2.0.0",
@@ -29,18 +30,19 @@
"rehype-slug": "^5.1.0",
"remark-gfm": "^3.0.1",
"unist-util-visit": "^4.1.1",
- "yorkie-js-sdk": "^0.4.27"
+ "yorkie-js-sdk": "^0.4.27",
+ "yorkie-ui": "^0.5.32"
},
"devDependencies": {
"@mdx-js/loader": "^2.1.5",
"@types/lodash.clonedeep": "^4.5.7",
"@types/minimatch": "^5.1.2",
- "@types/node": "18.11.5",
- "@types/react": "18.0.23",
- "@types/react-dom": "18.0.7",
+ "@types/node": "^18",
+ "@types/react-dom": "^18",
"eslint": "8.26.0",
"eslint-config-next": "13.0.0",
"postcss-path-replace": "^1.0.4",
+ "rollup-plugin-ts": "^3.4.5",
"typescript": "4.8.4"
}
},
@@ -56,6 +58,100 @@
"node": ">=6.0.0"
}
},
+ "node_modules/@ark-ui/anatomy": {
+ "version": "2.3.1",
+ "resolved": "https://registry.npmjs.org/@ark-ui/anatomy/-/anatomy-2.3.1.tgz",
+ "integrity": "sha512-pfHDkuFRFdzOnZxqNcAld1b03ehvFrOqXery9JHBTchP8+VmAmxg6ZDn4Se1ie4HvcmXD6IU61jltJB/aXYpJg==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/accordion": "0.38.0",
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/avatar": "0.38.0",
+ "@zag-js/carousel": "0.38.0",
+ "@zag-js/checkbox": "0.38.0",
+ "@zag-js/clipboard": "0.38.0",
+ "@zag-js/collapsible": "0.38.0",
+ "@zag-js/color-picker": "0.38.0",
+ "@zag-js/color-utils": "0.38.0",
+ "@zag-js/combobox": "0.38.0",
+ "@zag-js/date-picker": "0.38.0",
+ "@zag-js/date-utils": "0.38.0",
+ "@zag-js/dialog": "0.38.0",
+ "@zag-js/editable": "0.38.0",
+ "@zag-js/file-upload": "0.38.0",
+ "@zag-js/hover-card": "0.38.0",
+ "@zag-js/menu": "0.38.0",
+ "@zag-js/number-input": "0.38.0",
+ "@zag-js/pagination": "0.38.0",
+ "@zag-js/pin-input": "0.38.0",
+ "@zag-js/popover": "0.38.0",
+ "@zag-js/presence": "0.38.0",
+ "@zag-js/progress": "0.38.0",
+ "@zag-js/radio-group": "0.38.0",
+ "@zag-js/rating-group": "0.38.0",
+ "@zag-js/select": "0.38.0",
+ "@zag-js/slider": "0.38.0",
+ "@zag-js/splitter": "0.38.0",
+ "@zag-js/switch": "0.38.0",
+ "@zag-js/tabs": "0.38.0",
+ "@zag-js/tags-input": "0.38.0",
+ "@zag-js/toast": "0.38.0",
+ "@zag-js/toggle-group": "0.38.0",
+ "@zag-js/tooltip": "0.38.0",
+ "@zag-js/tree-view": "0.38.0"
+ }
+ },
+ "node_modules/@ark-ui/react": {
+ "version": "2.2.3",
+ "resolved": "https://registry.npmjs.org/@ark-ui/react/-/react-2.2.3.tgz",
+ "integrity": "sha512-W43rbimG1f7v1jk8J+PG/3um8/PaL1lQZEnRPzaXtQjEoiBlXH4yFyJakoEldxoZEQGB8x7SUkjHxZ93cRceuQ==",
+ "license": "MIT",
+ "dependencies": {
+ "@ark-ui/anatomy": "2.3.1",
+ "@zag-js/accordion": "0.38.0",
+ "@zag-js/avatar": "0.38.0",
+ "@zag-js/carousel": "0.38.0",
+ "@zag-js/checkbox": "0.38.0",
+ "@zag-js/clipboard": "0.38.0",
+ "@zag-js/collapsible": "0.38.0",
+ "@zag-js/color-picker": "0.38.0",
+ "@zag-js/color-utils": "0.38.0",
+ "@zag-js/combobox": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/date-picker": "0.38.0",
+ "@zag-js/date-utils": "0.38.0",
+ "@zag-js/dialog": "0.38.0",
+ "@zag-js/editable": "0.38.0",
+ "@zag-js/file-upload": "0.38.0",
+ "@zag-js/hover-card": "0.38.0",
+ "@zag-js/i18n-utils": "0.38.0",
+ "@zag-js/menu": "0.38.0",
+ "@zag-js/number-input": "0.38.0",
+ "@zag-js/pagination": "0.38.0",
+ "@zag-js/pin-input": "0.38.0",
+ "@zag-js/popover": "0.38.0",
+ "@zag-js/presence": "0.38.0",
+ "@zag-js/progress": "0.38.0",
+ "@zag-js/radio-group": "0.38.0",
+ "@zag-js/rating-group": "0.38.0",
+ "@zag-js/react": "0.38.0",
+ "@zag-js/select": "0.38.0",
+ "@zag-js/slider": "0.38.0",
+ "@zag-js/splitter": "0.38.0",
+ "@zag-js/switch": "0.38.0",
+ "@zag-js/tabs": "0.38.0",
+ "@zag-js/tags-input": "0.38.0",
+ "@zag-js/toast": "0.38.0",
+ "@zag-js/toggle-group": "0.38.0",
+ "@zag-js/tooltip": "0.38.0",
+ "@zag-js/tree-view": "0.38.0",
+ "@zag-js/types": "0.38.0"
+ },
+ "peerDependencies": {
+ "react": ">=18.0.0",
+ "react-dom": ">=18.0.0"
+ }
+ },
"node_modules/@babel/code-frame": {
"version": "7.18.6",
"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz",
@@ -1909,6 +2005,31 @@
"node": "*"
}
},
+ "node_modules/@floating-ui/core": {
+ "version": "1.6.4",
+ "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.4.tgz",
+ "integrity": "sha512-a4IowK4QkXl4SCWTGUR0INAfEOX3wtsYw3rKK5InQEHMGObkR8Xk44qYQD9P4r6HHw0iIfK6GUKECmY8sTkqRA==",
+ "license": "MIT",
+ "dependencies": {
+ "@floating-ui/utils": "^0.2.4"
+ }
+ },
+ "node_modules/@floating-ui/dom": {
+ "version": "1.6.3",
+ "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.3.tgz",
+ "integrity": "sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==",
+ "license": "MIT",
+ "dependencies": {
+ "@floating-ui/core": "^1.0.0",
+ "@floating-ui/utils": "^0.2.0"
+ }
+ },
+ "node_modules/@floating-ui/utils": {
+ "version": "0.2.4",
+ "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.4.tgz",
+ "integrity": "sha512-dWO2pw8hhi+WrXq1YJy2yCuWoL20PddgGaqTgVe4cOS9Q6qklXCiA1tJEqX6BEwRNSCP84/afac9hd4MS+zEUA==",
+ "license": "MIT"
+ },
"node_modules/@humanwhocodes/config-array": {
"version": "0.11.6",
"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.6.tgz",
@@ -1964,6 +2085,24 @@
"integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
"dev": true
},
+ "node_modules/@internationalized/date": {
+ "version": "3.5.2",
+ "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.5.2.tgz",
+ "integrity": "sha512-vo1yOMUt2hzp63IutEaTUxROdvQg1qlMRsbCvbay2AK2Gai7wIgCyK5weEX3nHkiLgo4qCXHijFNC/ILhlRpOQ==",
+ "license": "Apache-2.0",
+ "dependencies": {
+ "@swc/helpers": "^0.5.0"
+ }
+ },
+ "node_modules/@internationalized/number": {
+ "version": "3.5.1",
+ "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.5.1.tgz",
+ "integrity": "sha512-N0fPU/nz15SwR9IbfJ5xaS9Ss/O5h1sVXMZf43vc9mxEG48ovglvvzBjF53aHlq20uoR6c+88CrIXipU/LSzwg==",
+ "license": "Apache-2.0",
+ "dependencies": {
+ "@swc/helpers": "^0.5.0"
+ }
+ },
"node_modules/@jridgewell/gen-mapping": {
"version": "0.1.1",
"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
@@ -1992,32 +2131,6 @@
"node": ">=6.0.0"
}
},
- "node_modules/@jridgewell/source-map": {
- "version": "0.3.2",
- "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz",
- "integrity": "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@jridgewell/gen-mapping": "^0.3.0",
- "@jridgewell/trace-mapping": "^0.3.9"
- }
- },
- "node_modules/@jridgewell/source-map/node_modules/@jridgewell/gen-mapping": {
- "version": "0.3.2",
- "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
- "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@jridgewell/set-array": "^1.0.1",
- "@jridgewell/sourcemap-codec": "^1.4.10",
- "@jridgewell/trace-mapping": "^0.3.9"
- },
- "engines": {
- "node": ">=6.0.0"
- }
- },
"node_modules/@jridgewell/sourcemap-codec": {
"version": "1.4.14",
"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
@@ -2040,6 +2153,13 @@
"node": ">=10"
}
},
+ "node_modules/@mdn/browser-compat-data": {
+ "version": "5.5.39",
+ "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-5.5.39.tgz",
+ "integrity": "sha512-22awGsC5t7sGOT2u5EU1RA64L+F87GWYXHZkh0ofjJsLGObqNDDVSTlumd/+6YK3QwlOIEVWAsqmJymrrSqBlA==",
+ "dev": true,
+ "license": "CC0-1.0"
+ },
"node_modules/@mdx-js/loader": {
"version": "2.1.5",
"resolved": "https://registry.npmjs.org/@mdx-js/loader/-/loader-2.1.5.tgz",
@@ -2169,9 +2289,10 @@
}
},
"node_modules/@next/env": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/env/-/env-13.0.0.tgz",
- "integrity": "sha512-65v9BVuah2Mplohm4+efsKEnoEuhmlGm8B2w6vD1geeEP2wXtlSJCvR/cCRJ3fD8wzCQBV41VcMBQeYET6MRkg=="
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/env/-/env-13.4.7.tgz",
+ "integrity": "sha512-ZlbiFulnwiFsW9UV1ku1OvX/oyIPLtMk9p/nnvDSwI0s7vSoZdRtxXNsaO+ZXrLv/pMbXVGq4lL8TbY9iuGmVw==",
+ "license": "MIT"
},
"node_modules/@next/eslint-plugin-next": {
"version": "13.0.0",
@@ -2182,43 +2303,14 @@
"glob": "7.1.7"
}
},
- "node_modules/@next/swc-android-arm-eabi": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.0.0.tgz",
- "integrity": "sha512-+DUQkYF93gxFjWY+CYWE1QDX6gTgnUiWf+W4UqZjM1Jcef8U97fS6xYh+i+8rH4MM0AXHm7OSakvfOMzmjU6VA==",
- "cpu": [
- "arm"
- ],
- "optional": true,
- "os": [
- "android"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
- "node_modules/@next/swc-android-arm64": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.0.0.tgz",
- "integrity": "sha512-RW9Uy3bMSc0zVGCa11klFuwfP/jdcdkhdruqnrJ7v+7XHm6OFKkSRzX6ee7yGR1rdDZvTnP4GZSRSpzjLv/N0g==",
- "cpu": [
- "arm64"
- ],
- "optional": true,
- "os": [
- "android"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
"node_modules/@next/swc-darwin-arm64": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.0.0.tgz",
- "integrity": "sha512-APA26nps1j4qyhOIzkclW/OmgotVHj1jBxebSpMCPw2rXfiNvKNY9FA0TcuwPmUCNqaTnm703h6oW4dvp73A4Q==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.7.tgz",
+ "integrity": "sha512-VZTxPv1b59KGiv/pZHTO5Gbsdeoxcj2rU2cqJu03btMhHpn3vwzEK0gUSVC/XW96aeGO67X+cMahhwHzef24/w==",
"cpu": [
"arm64"
],
+ "license": "MIT",
"optional": true,
"os": [
"darwin"
@@ -2228,12 +2320,13 @@
}
},
"node_modules/@next/swc-darwin-x64": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.0.0.tgz",
- "integrity": "sha512-qsUhUdoFuRJiaJ7LnvTQ6GZv1QnMDcRXCIjxaN0FNVXwrjkq++U7KjBUaxXkRzLV4C7u0NHLNOp0iZwNNE7ypw==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.7.tgz",
+ "integrity": "sha512-gO2bw+2Ymmga+QYujjvDz9955xvYGrWofmxTq7m70b9pDPvl7aDFABJOZ2a8SRCuSNB5mXU8eTOmVVwyp/nAew==",
"cpu": [
"x64"
],
+ "license": "MIT",
"optional": true,
"os": [
"darwin"
@@ -2242,43 +2335,14 @@
"node": ">= 10"
}
},
- "node_modules/@next/swc-freebsd-x64": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.0.0.tgz",
- "integrity": "sha512-sCdyCbboS7CwdnevKH9J6hkJI76LUw1jVWt4eV7kISuLiPba3JmehZSWm80oa4ADChRVAwzhLAo2zJaYRrInbg==",
- "cpu": [
- "x64"
- ],
- "optional": true,
- "os": [
- "freebsd"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
- "node_modules/@next/swc-linux-arm-gnueabihf": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.0.0.tgz",
- "integrity": "sha512-/X/VxfFA41C9jrEv+sUsPLQ5vbDPVIgG0CJrzKvrcc+b+4zIgPgtfsaWq9ockjHFQi3ycvlZK4TALOXO8ovQ6Q==",
- "cpu": [
- "arm"
- ],
- "optional": true,
- "os": [
- "linux"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
"node_modules/@next/swc-linux-arm64-gnu": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.0.0.tgz",
- "integrity": "sha512-x6Oxr1GIi0ZtNiT6jbw+JVcbEi3UQgF7mMmkrgfL4mfchOwXtWSHKTSSPnwoJWJfXYa0Vy1n8NElWNTGAqoWFw==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.7.tgz",
+ "integrity": "sha512-6cqp3vf1eHxjIDhEOc7Mh/s8z1cwc/l5B6ZNkOofmZVyu1zsbEM5Hmx64s12Rd9AYgGoiCz4OJ4M/oRnkE16/Q==",
"cpu": [
"arm64"
],
+ "license": "MIT",
"optional": true,
"os": [
"linux"
@@ -2288,12 +2352,13 @@
}
},
"node_modules/@next/swc-linux-arm64-musl": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.0.0.tgz",
- "integrity": "sha512-SnMH9ngI+ipGh3kqQ8+mDtWunirwmhQnQeZkEq9e/9Xsgjf04OetqrqRHKM1HmJtG2qMUJbyXFJ0F81TPuT+3g==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.7.tgz",
+ "integrity": "sha512-T1kD2FWOEy5WPidOn1si0rYmWORNch4a/NR52Ghyp4q7KyxOCuiOfZzyhVC5tsLIBDH3+cNdB5DkD9afpNDaOw==",
"cpu": [
"arm64"
],
+ "license": "MIT",
"optional": true,
"os": [
"linux"
@@ -2303,12 +2368,13 @@
}
},
"node_modules/@next/swc-linux-x64-gnu": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.0.0.tgz",
- "integrity": "sha512-VSQwTX9EmdbotArtA1J67X8964oQfe0xHb32x4tu+JqTR+wOHyG6wGzPMdXH2oKAp6rdd7BzqxUXXf0J+ypHlw==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.7.tgz",
+ "integrity": "sha512-zaEC+iEiAHNdhl6fuwl0H0shnTzQoAoJiDYBUze8QTntE/GNPfTYpYboxF5LRYIjBwETUatvE0T64W6SKDipvg==",
"cpu": [
"x64"
],
+ "license": "MIT",
"optional": true,
"os": [
"linux"
@@ -2318,12 +2384,13 @@
}
},
"node_modules/@next/swc-linux-x64-musl": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.0.0.tgz",
- "integrity": "sha512-xBCP0nnpO0q4tsytXkvIwWFINtbFRyVY5gxa1zB0vlFtqYR9lNhrOwH3CBrks3kkeaePOXd611+8sjdUtrLnXA==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.7.tgz",
+ "integrity": "sha512-X6r12F8d8SKAtYJqLZBBMIwEqcTRvUdVm+xIq+l6pJqlgT2tNsLLf2i5Cl88xSsIytBICGsCNNHd+siD2fbWBA==",
"cpu": [
"x64"
],
+ "license": "MIT",
"optional": true,
"os": [
"linux"
@@ -2333,12 +2400,13 @@
}
},
"node_modules/@next/swc-win32-arm64-msvc": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.0.0.tgz",
- "integrity": "sha512-NutwDafqhGxqPj/eiUixJq9ImS/0sgx6gqlD7jRndCvQ2Q8AvDdu1+xKcGWGNnhcDsNM/n1avf1e62OG1GaqJg==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.7.tgz",
+ "integrity": "sha512-NPnmnV+vEIxnu6SUvjnuaWRglZzw4ox5n/MQTxeUhb5iwVWFedolPFebMNwgrWu4AELwvTdGtWjqof53AiWHcw==",
"cpu": [
"arm64"
],
+ "license": "MIT",
"optional": true,
"os": [
"win32"
@@ -2348,12 +2416,13 @@
}
},
"node_modules/@next/swc-win32-ia32-msvc": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.0.0.tgz",
- "integrity": "sha512-zNaxaO+Kl/xNz02E9QlcVz0pT4MjkXGDLb25qxtAzyJL15aU0+VjjbIZAYWctG59dvggNIUNDWgoBeVTKB9xLg==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.7.tgz",
+ "integrity": "sha512-6Hxijm6/a8XqLQpOOf/XuwWRhcuc/g4rBB2oxjgCMuV9Xlr2bLs5+lXyh8w9YbAUMYR3iC9mgOlXbHa79elmXw==",
"cpu": [
"ia32"
],
+ "license": "MIT",
"optional": true,
"os": [
"win32"
@@ -2363,12 +2432,13 @@
}
},
"node_modules/@next/swc-win32-x64-msvc": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.0.0.tgz",
- "integrity": "sha512-FFOGGWwTCRMu9W7MF496Urefxtuo2lttxF1vwS+1rIRsKvuLrWhVaVTj3T8sf2EBL6gtJbmh4TYlizS+obnGKA==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.7.tgz",
+ "integrity": "sha512-sW9Yt36Db1nXJL+mTr2Wo0y+VkPWeYhygvcHj1FF0srVtV+VoDjxleKtny21QHaG05zdeZnw2fCtf2+dEqgwqA==",
"cpu": [
"x64"
],
+ "license": "MIT",
"optional": true,
"os": [
"win32"
@@ -2412,12 +2482,61 @@
"node": ">= 8"
}
},
+ "node_modules/@rollup/pluginutils": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
+ "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@types/estree": "^1.0.0",
+ "estree-walker": "^2.0.2",
+ "picomatch": "^2.3.1"
+ },
+ "engines": {
+ "node": ">=14.0.0"
+ },
+ "peerDependencies": {
+ "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+ },
+ "peerDependenciesMeta": {
+ "rollup": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/@rollup/pluginutils/node_modules/estree-walker": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+ "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+ "dev": true,
+ "license": "MIT"
+ },
"node_modules/@rushstack/eslint-patch": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz",
"integrity": "sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==",
"dev": true
},
+ "node_modules/@storybook/addon-console": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/@storybook/addon-console/-/addon-console-3.0.0.tgz",
+ "integrity": "sha512-2pD2c9KNWuPIWlprqmWoZYrNQnG2qoDg7fAAXXNK6YDc5x/ZpK0cfOyfz/Gpdeje4QUmttZKAVjH0nOZDuxfvw==",
+ "license": "MIT",
+ "dependencies": {
+ "@storybook/global": "^5.0.0"
+ },
+ "peerDependencies": {
+ "@storybook/addon-actions": "*",
+ "react": "*"
+ }
+ },
+ "node_modules/@storybook/global": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz",
+ "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==",
+ "license": "MIT"
+ },
"node_modules/@svgr/babel-plugin-add-jsx-attribute": {
"version": "6.5.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-6.5.0.tgz",
@@ -2662,9 +2781,10 @@
}
},
"node_modules/@swc/helpers": {
- "version": "0.4.11",
- "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.11.tgz",
- "integrity": "sha512-rEUrBSGIoSFuYxwBYtlUFMlE2CwGhmW+w9355/5oduSw8e5h2+Tj4UrAGNNgP9915++wj5vkQo0UuOBqOAq4nw==",
+ "version": "0.5.1",
+ "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.1.tgz",
+ "integrity": "sha512-sJ902EfIzn1Fa+qYmjdQqh8tPsoxyBz+8yBKC2HKUxyezKJFwPGOn7pv4WY6QuQW//ySQi5lJjA/ZT9sNWWNTg==",
+ "license": "Apache-2.0",
"dependencies": {
"tslib": "^2.4.0"
}
@@ -2693,28 +2813,6 @@
"@types/ms": "*"
}
},
- "node_modules/@types/eslint": {
- "version": "8.4.10",
- "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.10.tgz",
- "integrity": "sha512-Sl/HOqN8NKPmhWo2VBEPm0nvHnu2LL3v9vKo8MEq0EtbJ4eVzGPl41VNPvn5E1i5poMk4/XD8UriLHpJvEP/Nw==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@types/estree": "*",
- "@types/json-schema": "*"
- }
- },
- "node_modules/@types/eslint-scope": {
- "version": "3.7.4",
- "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.4.tgz",
- "integrity": "sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@types/eslint": "*",
- "@types/estree": "*"
- }
- },
"node_modules/@types/estree": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
@@ -2741,13 +2839,6 @@
"resolved": "https://registry.npmjs.org/@types/js-yaml/-/js-yaml-4.0.5.tgz",
"integrity": "sha512-FhpRzf927MNQdRZP0J5DLIdTXhjLYzeUTmLAu69mnVksLH9CJY3IuSeEgbKUki7GQZm0WqDkGzyxju2EZGD2wA=="
},
- "node_modules/@types/json-schema": {
- "version": "7.0.11",
- "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
- "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
- "dev": true,
- "peer": true
- },
"node_modules/@types/json5": {
"version": "0.0.29",
"resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
@@ -2799,6 +2890,13 @@
"integrity": "sha512-3JRwhbjI+cHLAkUorhf8RnqUbFXajvzX4q6fMn5JwkgtuwfYtRQYI3u4V92vI6NJuTsbBQWWh3RZjFsuevyMGQ==",
"dev": true
},
+ "node_modules/@types/object-path": {
+ "version": "0.11.4",
+ "resolved": "https://registry.npmjs.org/@types/object-path/-/object-path-0.11.4.tgz",
+ "integrity": "sha512-4tgJ1Z3elF/tOMpA8JLVuR9spt9Ynsf7+JjqsQ2IqtiPJtcLoHoXcT6qU4E10cPFqyXX5HDm9QwIzZhBSkLxsw==",
+ "dev": true,
+ "license": "MIT"
+ },
"node_modules/@types/parse-json": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
@@ -2833,6 +2931,20 @@
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
},
+ "node_modules/@types/semver": {
+ "version": "7.5.8",
+ "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
+ "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/@types/ua-parser-js": {
+ "version": "0.7.39",
+ "resolved": "https://registry.npmjs.org/@types/ua-parser-js/-/ua-parser-js-0.7.39.tgz",
+ "integrity": "sha512-P/oDfpofrdtF5xw433SPALpdSchtJmY7nsJItf8h3KXqOslkbySh8zq4dSWXH2oTjRvJ5PczVEoCZPow6GicLg==",
+ "dev": true,
+ "license": "MIT"
+ },
"node_modules/@types/unist": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
@@ -2939,180 +3051,773 @@
"url": "https://opencollective.com/typescript-eslint"
}
},
- "node_modules/@webassemblyjs/ast": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
- "integrity": "sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@webassemblyjs/helper-numbers": "1.11.1",
- "@webassemblyjs/helper-wasm-bytecode": "1.11.1"
- }
- },
- "node_modules/@webassemblyjs/floating-point-hex-parser": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz",
- "integrity": "sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==",
- "dev": true,
- "peer": true
- },
- "node_modules/@webassemblyjs/helper-api-error": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz",
- "integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==",
- "dev": true,
- "peer": true
- },
- "node_modules/@webassemblyjs/helper-buffer": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz",
- "integrity": "sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==",
- "dev": true,
- "peer": true
- },
- "node_modules/@webassemblyjs/helper-numbers": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz",
- "integrity": "sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@webassemblyjs/floating-point-hex-parser": "1.11.1",
- "@webassemblyjs/helper-api-error": "1.11.1",
- "@xtuc/long": "4.2.2"
- }
- },
- "node_modules/@webassemblyjs/helper-wasm-bytecode": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz",
- "integrity": "sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==",
- "dev": true,
- "peer": true
- },
- "node_modules/@webassemblyjs/helper-wasm-section": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz",
- "integrity": "sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@webassemblyjs/ast": "1.11.1",
- "@webassemblyjs/helper-buffer": "1.11.1",
- "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
- "@webassemblyjs/wasm-gen": "1.11.1"
- }
- },
- "node_modules/@webassemblyjs/ieee754": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz",
- "integrity": "sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==",
+ "node_modules/@wessberg/stringutil": {
+ "version": "1.0.19",
+ "resolved": "https://registry.npmjs.org/@wessberg/stringutil/-/stringutil-1.0.19.tgz",
+ "integrity": "sha512-9AZHVXWlpN8Cn9k5BC/O0Dzb9E9xfEMXzYrNunwvkUTvuK7xgQPVRZpLo+jWCOZ5r8oBa8NIrHuPEu1hzbb6bg==",
"dev": true,
- "peer": true,
- "dependencies": {
- "@xtuc/ieee754": "^1.2.0"
- }
- },
- "node_modules/@webassemblyjs/leb128": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.1.tgz",
- "integrity": "sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@xtuc/long": "4.2.2"
- }
- },
- "node_modules/@webassemblyjs/utf8": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.1.tgz",
- "integrity": "sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==",
- "dev": true,
- "peer": true
- },
- "node_modules/@webassemblyjs/wasm-edit": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz",
- "integrity": "sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@webassemblyjs/ast": "1.11.1",
- "@webassemblyjs/helper-buffer": "1.11.1",
- "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
- "@webassemblyjs/helper-wasm-section": "1.11.1",
- "@webassemblyjs/wasm-gen": "1.11.1",
- "@webassemblyjs/wasm-opt": "1.11.1",
- "@webassemblyjs/wasm-parser": "1.11.1",
- "@webassemblyjs/wast-printer": "1.11.1"
- }
- },
- "node_modules/@webassemblyjs/wasm-gen": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz",
- "integrity": "sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@webassemblyjs/ast": "1.11.1",
- "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
- "@webassemblyjs/ieee754": "1.11.1",
- "@webassemblyjs/leb128": "1.11.1",
- "@webassemblyjs/utf8": "1.11.1"
- }
- },
- "node_modules/@webassemblyjs/wasm-opt": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz",
- "integrity": "sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@webassemblyjs/ast": "1.11.1",
- "@webassemblyjs/helper-buffer": "1.11.1",
- "@webassemblyjs/wasm-gen": "1.11.1",
- "@webassemblyjs/wasm-parser": "1.11.1"
+ "license": "MIT",
+ "engines": {
+ "node": ">=8.0.0"
}
},
- "node_modules/@webassemblyjs/wasm-parser": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz",
- "integrity": "sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==",
- "dev": true,
- "peer": true,
+ "node_modules/@zag-js/accordion": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/accordion/-/accordion-0.38.0.tgz",
+ "integrity": "sha512-qovoN5KKX8kj5IH9N3r5GUHksL6Xa45YU0fbCeoDeMd/erObRKHoA7bnM+rfJLIKCifzO53ooWWYOVZaXOmT8Q==",
+ "license": "MIT",
"dependencies": {
- "@webassemblyjs/ast": "1.11.1",
- "@webassemblyjs/helper-api-error": "1.11.1",
- "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
- "@webassemblyjs/ieee754": "1.11.1",
- "@webassemblyjs/leb128": "1.11.1",
- "@webassemblyjs/utf8": "1.11.1"
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
}
- },
- "node_modules/@webassemblyjs/wast-printer": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz",
- "integrity": "sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==",
- "dev": true,
- "peer": true,
+ },
+ "node_modules/@zag-js/anatomy": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/anatomy/-/anatomy-0.38.0.tgz",
+ "integrity": "sha512-VlCOnKCOSFOonvZjdGTRwp3D/A9iQd69WQTI8i5G0JwS0lhq5lK/qJ7pJ0+UHnLcqAWEv5eywbpHOLFrSlr7Nw==",
+ "license": "MIT"
+ },
+ "node_modules/@zag-js/aria-hidden": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/aria-hidden/-/aria-hidden-0.38.0.tgz",
+ "integrity": "sha512-yPdezG+ucZyaDD7p0jB7B6prtNQGyBJSfWlTyo69W+SFxkSdocdFF/dKjoReDEY6AvCc1ZhxgHVR/sd56F50/A==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/dom-query": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/auto-resize": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/auto-resize/-/auto-resize-0.38.0.tgz",
+ "integrity": "sha512-wauqOQwz8fAGzD2cHJEgqkCiNejWSq/Qsa7a0DdBX7BOdLyMloF6kc4YFNfQksUHgRaojLFHYJ5sfqzDO06yBQ==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/dom-query": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/avatar": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/avatar/-/avatar-0.38.0.tgz",
+ "integrity": "sha512-ZJqlwFcEET6OdmFgWPv7YQiYM7CyFTzfEN7wXeourRdkMlgbQvi1V0Ett3LteV2kYtFjFZCmEdxP4VMfOU3w0w==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/mutation-observer": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/carousel": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/carousel/-/carousel-0.38.0.tgz",
+ "integrity": "sha512-5CHRLaD9ZR5aivf1+MwmOYjkGCy8KXWx7XyWiUtlxu8ULJ4mFk6+s3RK12gmPHG7RVX5wPX9xC+2LSuVayXs5w==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/checkbox": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/checkbox/-/checkbox-0.38.0.tgz",
+ "integrity": "sha512-xOjbh35lxffAOyk+JwSxmKCV8wBTPe6O6aknBQkBa7Vd3KCZrgCtf/7fN8BG6cmnVjWmMk5edRt7lvZDHV8IHQ==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/clipboard": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/clipboard/-/clipboard-0.38.0.tgz",
+ "integrity": "sha512-YVWdoPuqzqdy0PXzAd66gqbvFv6qRTe84HaPNXZLBeFiL1OFdH9pl+xoa4Zxx5x4zJFPkOjbcd1jeXu0HMn7Ew==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/collapsible": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/collapsible/-/collapsible-0.38.0.tgz",
+ "integrity": "sha512-3FxPKnCSn/sCilKziVXEjrOCeVvPQ4vp1QOFgBiIlM0yjWxsqLv0uMWrFVh6rgc0dKfyVtKEJQgI1oYKwuwjjg==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/collection": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/collection/-/collection-0.38.0.tgz",
+ "integrity": "sha512-q+Y5MhmcbD4FlZSiWuqAXrc8EWziyVAD5LWd8mUI9ljMs0xsLCYSU14B1XkRx2e4FQ8Mi2C6n3lP+sHpa9/eLw==",
+ "license": "MIT"
+ },
+ "node_modules/@zag-js/color-picker": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/color-picker/-/color-picker-0.38.0.tgz",
+ "integrity": "sha512-s6RFvnkjEeZdr6q/bDLUVuNSbJrfc0HnPf6EqJ53dISCV3rQf3LCx9rCyBJvyiM+/iay/rB2UEVlSteF2GVHtQ==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/color-utils": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/tabbable": "0.38.0",
+ "@zag-js/text-selection": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/color-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/color-utils/-/color-utils-0.38.0.tgz",
+ "integrity": "sha512-lGZ5HDvQKLuMsXdRXzWr3p01zyL8Go7j82yVKNijFOj+2E4HoxQXgU5Tq393kt9DXONYkurISW+AWEUr+gM17Q==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/numeric-range": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/combobox": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/combobox/-/combobox-0.38.0.tgz",
+ "integrity": "sha512-MT+KMH6FAGvlWeKPck/SLV26dxxrGWGvHQoIPZtJyJoUjPdw8vuw7QvUF7YTx+bUoQwDL0nn3EBYJpGPSAJ7/Q==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/aria-hidden": "0.38.0",
+ "@zag-js/collection": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/mutation-observer": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/core": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/core/-/core-0.38.0.tgz",
+ "integrity": "sha512-+S5qKvIPiG4CBNFaVSwdUBViiU96cZPzkUttPhl+qP3Xk7HqBV6vL48PhP01nBXfcpmW0nk8FDX1S9PleWm0oQ==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/store": "0.38.0",
+ "klona": "2.0.6"
+ }
+ },
+ "node_modules/@zag-js/date-picker": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/date-picker/-/date-picker-0.38.0.tgz",
+ "integrity": "sha512-FMRnG1IHq7fOElXUGhC32hd09r7XcZ1RBJQsCd4/aJYipNyGJzMVHea/PaUo6iayhuBQ8vHsDDv5WiEWQrYimw==",
+ "license": "MIT",
+ "dependencies": {
+ "@internationalized/date": "3.5.2",
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/date-utils": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/live-region": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/text-selection": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/date-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/date-utils/-/date-utils-0.38.0.tgz",
+ "integrity": "sha512-H6dR/HcFEJTATKDc19YRg6fabpF26DbCI1o0YmuclKY68jF9XWfbeAwjyr/V71DjB2QHzvODALWWSbNLDKxQDg==",
+ "license": "MIT",
+ "peerDependencies": {
+ "@internationalized/date": ">=3.0.0"
+ }
+ },
+ "node_modules/@zag-js/dialog": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/dialog/-/dialog-0.38.0.tgz",
+ "integrity": "sha512-DcaEM8VWCVHAdv73y9ez4Sb1RuVMXYWYP/5K3SAeo6QCQVVuBg5pQXnkCqmGLnyE3Rf1wta8dRggu6N3Gghqrw==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/aria-hidden": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/remove-scroll": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "focus-trap": "7.5.4"
+ }
+ },
+ "node_modules/@zag-js/dismissable": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/dismissable/-/dismissable-0.38.0.tgz",
+ "integrity": "sha512-4Ipp68QxFmrBeXuLjPpIx7uBrBjhqv3aQFWIvzuEbxVzq3o7afVEMVLlix54EIjkOLmdyW7O20pfTyPBO4lS8w==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/interact-outside": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/dom-event": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/dom-event/-/dom-event-0.38.0.tgz",
+ "integrity": "sha512-YQk23fCV8nLpvYP2G/pzQcggPzfLOkBAmXuGJvvJk7M5fkd3f5I+SSS6XNlWJ//+o1JkiMYQEezVDl7WXM+ITA==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/text-selection": "0.38.0",
+ "@zag-js/types": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/dom-query": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/dom-query/-/dom-query-0.38.0.tgz",
+ "integrity": "sha512-po1HqrEtP9ZfVKHbUzqK4jfHipQVdsfw84B5pnqPo/aPcsZnyzWgHmWE31yRZERmtTZdG6YTlOZdlZ/gQz0FfA==",
+ "license": "MIT"
+ },
+ "node_modules/@zag-js/editable": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/editable/-/editable-0.38.0.tgz",
+ "integrity": "sha512-omOyINSgPX92E5D3RBexMyRvjLa4Zq5UUppG3FlA3kEi6DSU4hEj661vnVwc4ihhyWgWZh6KSKDE2m9fd6KEsA==",
+ "license": "MIT",
"dependencies": {
- "@webassemblyjs/ast": "1.11.1",
- "@xtuc/long": "4.2.2"
- }
- },
- "node_modules/@xtuc/ieee754": {
- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
- "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
- "dev": true,
- "peer": true
- },
- "node_modules/@xtuc/long": {
- "version": "4.2.2",
- "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
- "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
- "dev": true,
- "peer": true
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/interact-outside": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/element-rect": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/element-rect/-/element-rect-0.38.0.tgz",
+ "integrity": "sha512-Oi19Yhbos+XXxR/CTCs+EhvTcYZ1AKk2EtGzDzJTUzKf+qtl3ki6Ptfam/jZxIy2M59/vv70NpW7fPZOFNAmtw==",
+ "license": "MIT"
+ },
+ "node_modules/@zag-js/element-size": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/element-size/-/element-size-0.38.0.tgz",
+ "integrity": "sha512-flOrHUK732FlU2Q5e5YdH42HxHg727uVmsez95ua97OG/Whsh87qLZRC20RQrqtC061lKOHkBi6LuQlhGxT9Gw==",
+ "license": "MIT"
+ },
+ "node_modules/@zag-js/file-upload": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/file-upload/-/file-upload-0.38.0.tgz",
+ "integrity": "sha512-7XwD9yhTgkLrn/MCgLCcyGfJ/PjAJt5C1Wy7PoKEz3RkAyaT2Vs0qqg8OE2NbtL7pdE/mFzirtCGr2qgZ9JYHg==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/file-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/file-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/file-utils/-/file-utils-0.38.0.tgz",
+ "integrity": "sha512-WwZOqk9G+/DhDuvgQaNJuruTY4C0bc31obc1d1xDBvvH9aIl/mg99idAMrNc7bK+nMQSEVtKA5oMt5EobKqR1g==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/i18n-utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/form-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/form-utils/-/form-utils-0.38.0.tgz",
+ "integrity": "sha512-2ziHvspfZ6Ft63AODo/0rkHxNrp37vOjbC+aV7L2r+pCCRnen5G+rzZuq2gwdyaOHeqYLlZSjDfSYbrI3Wfbkw==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/mutation-observer": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/hover-card": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/hover-card/-/hover-card-0.38.0.tgz",
+ "integrity": "sha512-tH6YQqYUwo2LAzpAb7oplMGB/K3teVZ+oL3xmq2kTXCtwVQTzHkxjopaywxljMCBmg+2E5OV26tzIrJFIAgxNg==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/i18n-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/i18n-utils/-/i18n-utils-0.38.0.tgz",
+ "integrity": "sha512-uLe6rA3n5MBKz1oGN1cdWHhFN2MU+HAXXpYuSGlUpHrQmjvAl0TxcOcBNz7qd9AwOoR8v7pGyt3OQnG0LC0PQA==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/dom-query": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/interact-outside": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/interact-outside/-/interact-outside-0.38.0.tgz",
+ "integrity": "sha512-9T2sPrgC9zCqS6y+2UlmVLAhFS3Qx/hFMCNAI7IlGFFI8z77NP6lQUaSuLAPqy3B9eG0fUFrBDh/rgBIPnBUDA==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/tabbable": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/live-region": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/live-region/-/live-region-0.38.0.tgz",
+ "integrity": "sha512-ktxJQxOomwUzfzFiwa6OFrV390kKQwHQV485SK5TV24/FNj9ogDlLwwhqzQ7PIHPxS/6JAUVUeW2POcgE6bDqw==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/menu": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/menu/-/menu-0.38.0.tgz",
+ "integrity": "sha512-t0AcniH63zYqfWPnMOHTyJO7cc7uVSszDFZCJUEocO5EWQp0DnUVcdqXwUZNe+nIUvAjWMLdNDkCU3P74aMSMw==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/mutation-observer": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/rect-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/mutation-observer": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/mutation-observer/-/mutation-observer-0.38.0.tgz",
+ "integrity": "sha512-S8K3SQwEFPXHYTvn26zpeVl2RmmCmtqUFR0vHWkXyhpB3f+MmCQIk7UmO+6VtZLEBOew9FYfBgEfeuCzl+jgVQ==",
+ "license": "MIT"
+ },
+ "node_modules/@zag-js/number-input": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/number-input/-/number-input-0.38.0.tgz",
+ "integrity": "sha512-tqnUP8Ww9fiLx5jOrirEcceOrspTA23iElvbZsvuB7fCgW2GUSPBeWkn074dyscZQ2JbZgrJVH40MU8l67D9ug==",
+ "license": "MIT",
+ "dependencies": {
+ "@internationalized/number": "3.5.1",
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/mutation-observer": "0.38.0",
+ "@zag-js/number-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/number-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/number-utils/-/number-utils-0.38.0.tgz",
+ "integrity": "sha512-Ao9aq0PTgM6ObcjlvP45yv/8XzSKO6FmRUsz7UOu2AkChhMztrDMvJMErUXMt/uVn+LReTA9Wf9n29WRKk87Kw==",
+ "license": "MIT"
+ },
+ "node_modules/@zag-js/numeric-range": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/numeric-range/-/numeric-range-0.38.0.tgz",
+ "integrity": "sha512-Qfe0CQhIPVmmAFPi2ySq83AuXchd4uJvcDnQAeKZK9oVqLX8ol3ZOL5iv2ugYtHA1WoQftbNwGx7Zs4/JUWqvQ==",
+ "license": "MIT"
+ },
+ "node_modules/@zag-js/pagination": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/pagination/-/pagination-0.38.0.tgz",
+ "integrity": "sha512-C9xduN6G5ewXugRU4pijtTibSBhOY3IXf/BuFewiPTrxXLAGtxl8UyLJ+8MrlOjMAQgxLT3Q5bbVOUjy2nVdtA==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/pin-input": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/pin-input/-/pin-input-0.38.0.tgz",
+ "integrity": "sha512-2884vhtGw4jAveNCQjpkhhQgWdDj7DU0WpgIml21Gqxx4QjesG5ebBpSG3lft1cGiP0JnhVnARY6EbhP+t/Lyw==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/popover": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/popover/-/popover-0.38.0.tgz",
+ "integrity": "sha512-KJG/Ftiluk0Pkf46+Vzx2YXzpi+0tX5QFBc1Ok+uVF4b9iSy9x3WCvj7mwoqVyFBE7w4+o6JKGpD9baXqt3wtw==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/aria-hidden": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/remove-scroll": "0.38.0",
+ "@zag-js/tabbable": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "focus-trap": "7.5.4"
+ }
+ },
+ "node_modules/@zag-js/popper": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/popper/-/popper-0.38.0.tgz",
+ "integrity": "sha512-6xpG+mvfUJqVapu3LpRdAUuFwsqhVXLOQaBmQYntt6iiFd1+zJxkXW8o176BC2LG5IB8783GZE4+BY1/DB3sDA==",
+ "license": "MIT",
+ "dependencies": {
+ "@floating-ui/dom": "1.6.3",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/presence": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/presence/-/presence-0.38.0.tgz",
+ "integrity": "sha512-Rio2mqo98+o0olxzG4MffFizFQRHJzL/HL6AFRi2G0u2HdGTHDGIMfACYGPLrq2JmBW+wIbO37A3KHiSYtfdtw==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/core": "0.38.0",
+ "@zag-js/types": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/progress": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/progress/-/progress-0.38.0.tgz",
+ "integrity": "sha512-7Qzuen0iP9hNRlStgUvuLGdJyx+Sz4vCoGaZkF3cYXyEpEd2rKYFct35cze3oXdg5+ZutbDoKbIZ08xsDtxhag==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/radio-group": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/radio-group/-/radio-group-0.38.0.tgz",
+ "integrity": "sha512-GISABuxOKTu48o5SzxJknc5p0ViB3TeOmkg76/aZaNlWMkURgQ9cvxIR5meXiIISpVsyAtIvOMoCXzmFxvoOmA==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/element-rect": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/rating-group": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/rating-group/-/rating-group-0.38.0.tgz",
+ "integrity": "sha512-ToaNzSU8tnDHfPJSHM5Y1o7w6MSq9N1qRCg/4G24orES0rG0qDhJvRKQdqqY08ZWTetCZcHNvPbUyQPzi91fTQ==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/react": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/react/-/react-0.38.0.tgz",
+ "integrity": "sha512-w0epVxXasralAVCWfC2KtQxxSebhhh0R2Cu1PYxU9M2pDsA8zg67Q4w8HyGR1zVKqbn4VXPZbEZZiyLQHOaZPQ==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/core": "0.38.0",
+ "@zag-js/store": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "proxy-compare": "2.6.0"
+ },
+ "peerDependencies": {
+ "react": ">=18.0.0",
+ "react-dom": ">=18.0.0"
+ }
+ },
+ "node_modules/@zag-js/rect-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/rect-utils/-/rect-utils-0.38.0.tgz",
+ "integrity": "sha512-GUabczevwHrCP1fm56otvkushDH8WblXvKrNNSAVyJ1E7r81gsjsoD/aCnIZZ4RabQKrifqDekMfjYMbrRtFkw==",
+ "license": "MIT"
+ },
+ "node_modules/@zag-js/remove-scroll": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/remove-scroll/-/remove-scroll-0.38.0.tgz",
+ "integrity": "sha512-JFcgj0QfUrT/POw/+V2LxuvnUjzLBP7TmCTmuGychEzWOalxxuuStTMa27nBDvgYp4eRNgIP+jjn8Fz3O+UW2g==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/dom-query": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/select": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/select/-/select-0.38.0.tgz",
+ "integrity": "sha512-dQb6gLyPU5dN1qYdMESX5CDgWZurmukE36I7A5r3rQ0/OkP3dhpTY1eqWJeaDg9lxGEcWnERpFiLelxxKc/RLg==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/collection": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/mutation-observer": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/tabbable": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/slider": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/slider/-/slider-0.38.0.tgz",
+ "integrity": "sha512-D11+GZSGrYQpVSmcM2m2CVGOFk+TKDQL+USxfgY0vHp7fIEBuHbRYM/QPFRtcrCRAMx7y6UqZbxAUy7oqhoklQ==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/element-size": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/numeric-range": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/splitter": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/splitter/-/splitter-0.38.0.tgz",
+ "integrity": "sha512-eeCA+I6hbMvU/Kid0Ea4psfLux/9/UzW3tcVv0t7zH3+6EFOEV6B/TSPzxOqWQpgKvo94ejxpmRTsUKRlhejOQ==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/number-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/store": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/store/-/store-0.38.0.tgz",
+ "integrity": "sha512-XbGfCxOeRLKqSAKsTOdPW8II+aAcLmyaIEDElWPr+Xt6IicANDi/CvksiiuzFiMutxowJzhXOrfIT7A093D2vQ==",
+ "license": "MIT",
+ "dependencies": {
+ "proxy-compare": "2.6.0"
+ }
+ },
+ "node_modules/@zag-js/switch": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/switch/-/switch-0.38.0.tgz",
+ "integrity": "sha512-2N/2nT5V62JGPvwcsK7mKmsgT2ZiSX8Gt2+zOMY6vuS5SZJnHvI9TxsMP2XuJto9mskFBIdm/Z+27IvM6sPcbg==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/tabbable": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/tabbable/-/tabbable-0.38.0.tgz",
+ "integrity": "sha512-hIe0HKBvFV6IJQlZPyPPRMD7v4r8jJ0Hn3ZpMXoYwyRmH0Cfuha03SoLOsqeAQvLAa+EJDSU8UDUCnVrNtHASQ==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/dom-query": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/tabs": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/tabs/-/tabs-0.38.0.tgz",
+ "integrity": "sha512-KYXO8uUeikFiwdGPHxNZg5lWn7z564WKHj4PjBV2iU0H2Itc4313xePbxAA0/rTlEQrIbYutqhAPp65bCa5OVw==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/element-rect": "0.38.0",
+ "@zag-js/tabbable": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/tags-input": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/tags-input/-/tags-input-0.38.0.tgz",
+ "integrity": "sha512-SNqPiAG2Jzhy+0HNYVINvphgIWkPpFkkldbZfEqBFnYs5kHx/iP4FAWeTB4AtY0yxexSAv0Pj9DrQfewz0xkMA==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/auto-resize": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/interact-outside": "0.38.0",
+ "@zag-js/live-region": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/text-selection": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/text-selection/-/text-selection-0.38.0.tgz",
+ "integrity": "sha512-etNbRs0g4wgB/HETO0GhRziDIKRdRAEV39P4/zEdFMNBkXCjJgX7xWvWiwXkoCzIBFN2FXTFuwWWA+fBt3XfSQ==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/dom-query": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/toast": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/toast/-/toast-0.38.0.tgz",
+ "integrity": "sha512-uCiB5sUuc7/hIZvDR6xcy+fQeE2UJNXpI8i6k/Jg4D1ZYy63iJVm8g9+5mByaPaSVi9Osou/r/A/yIU9qbOSnw==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/toggle-group": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/toggle-group/-/toggle-group-0.38.0.tgz",
+ "integrity": "sha512-9iRMDuUvbQBZ1WzU4sbAC5BhL14Ev5P9AxQSEmexWgV1nJi+vsWEzOrZY+AqoOoeFdg0Ju/c0K0Uk/sLcsKfgA==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/tooltip": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/tooltip/-/tooltip-0.38.0.tgz",
+ "integrity": "sha512-MsgUdozogatPQivWTNINxt1bgx7ndOvxNlG2GuwUwEfMIjZyU4c7SqbhGwVohLJCd6h2056IAM3PxpYZNkXXIg==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/tree-view": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/tree-view/-/tree-view-0.38.0.tgz",
+ "integrity": "sha512-N2vOKIZ4NNT4YbkfcywrpOZ4RFX2qQWUkcMGmE936LhWBM/NDHlJ6Wub7UcUcSUkKyQnaAeslJ8zrr1/xMCpgA==",
+ "license": "MIT",
+ "dependencies": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/mutation-observer": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "node_modules/@zag-js/types": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/types/-/types-0.38.0.tgz",
+ "integrity": "sha512-PaLqLOWSFlnqwyavLuycasx/dFKzbbcoCB/FcDbKPe88ysCZtRPxeUA/Yn8N1roPnF/gvkwCSTO43+VA6cKspA==",
+ "license": "MIT",
+ "dependencies": {
+ "csstype": "3.1.3"
+ }
+ },
+ "node_modules/@zag-js/utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/utils/-/utils-0.38.0.tgz",
+ "integrity": "sha512-u37JTfpbAYtvHwLbHVIRBuzM3+FWDX32Vsyt3LJQ+1GW69BXtWz2zDRVru3xMZ7XGsXlnGxD8xNIjYxOJCJePA==",
+ "license": "MIT"
+ },
+ "node_modules/@zag-js/visually-hidden": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/visually-hidden/-/visually-hidden-0.38.0.tgz",
+ "integrity": "sha512-yOpGmd+4Y2xSzmbTpip9XtJadZmxcW8VYGDPkMKKzDClFxqUcGDh501DT5amJ+iLL+onqhzggvUJJxl7KzV7+g==",
+ "license": "MIT"
},
"node_modules/accepts": {
"version": "1.3.8",
@@ -3137,16 +3842,6 @@
"node": ">=0.4.0"
}
},
- "node_modules/acorn-import-assertions": {
- "version": "1.8.0",
- "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
- "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
- "dev": true,
- "peer": true,
- "peerDependencies": {
- "acorn": "^8"
- }
- },
"node_modules/acorn-jsx": {
"version": "5.3.2",
"resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
@@ -3171,14 +3866,14 @@
"url": "https://github.com/sponsors/epoberezkin"
}
},
- "node_modules/ajv-keywords": {
- "version": "3.5.2",
- "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
- "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+ "node_modules/ansi-colors": {
+ "version": "4.1.3",
+ "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+ "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
"dev": true,
- "peer": true,
- "peerDependencies": {
- "ajv": "^6.9.1"
+ "license": "MIT",
+ "engines": {
+ "node": ">=6"
}
},
"node_modules/ansi-regex": {
@@ -3487,9 +4182,9 @@
}
},
"node_modules/browserslist": {
- "version": "4.21.4",
- "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
- "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
+ "version": "4.23.2",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.2.tgz",
+ "integrity": "sha512-qkqSyistMYdxAcw+CzbZwlBy8AGmS/eEWs+sEV5TnLRGDOL+C5M2EnH6tlZyg0YoAxGJAFKh61En9BR941GnHA==",
"funding": [
{
"type": "opencollective",
@@ -3498,13 +4193,18 @@
{
"type": "tidelift",
"url": "https://tidelift.com/funding/github/npm/browserslist"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
}
],
+ "license": "MIT",
"dependencies": {
- "caniuse-lite": "^1.0.30001400",
- "electron-to-chromium": "^1.4.251",
- "node-releases": "^2.0.6",
- "update-browserslist-db": "^1.0.9"
+ "caniuse-lite": "^1.0.30001640",
+ "electron-to-chromium": "^1.4.820",
+ "node-releases": "^2.0.14",
+ "update-browserslist-db": "^1.1.0"
},
"bin": {
"browserslist": "cli.js"
@@ -3513,6 +4213,35 @@
"node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
}
},
+ "node_modules/browserslist-generator": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/browserslist-generator/-/browserslist-generator-2.1.0.tgz",
+ "integrity": "sha512-ZFz4mAOgqm0cbwKaZsfJbYDbTXGoPANlte7qRsRJOfjB9KmmISQrXJxAVrnXG8C8v/QHNzXyeJt0Cfcks6zZvQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@mdn/browser-compat-data": "^5.3.7",
+ "@types/object-path": "^0.11.1",
+ "@types/semver": "^7.5.0",
+ "@types/ua-parser-js": "^0.7.36",
+ "browserslist": "^4.21.10",
+ "caniuse-lite": "^1.0.30001518",
+ "isbot": "^3.6.13",
+ "object-path": "^0.11.8",
+ "semver": "^7.5.4",
+ "ua-parser-js": "^1.0.35"
+ },
+ "engines": {
+ "node": ">=16.15.1",
+ "npm": ">=7.0.0",
+ "pnpm": ">=3.2.0",
+ "yarn": ">=1.13"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/wessberg/browserslist-generator?sponsor=1"
+ }
+ },
"node_modules/buffer": {
"version": "5.7.1",
"resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
@@ -3536,12 +4265,16 @@
"ieee754": "^1.1.13"
}
},
- "node_modules/buffer-from": {
- "version": "1.1.2",
- "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
- "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
- "dev": true,
- "peer": true
+ "node_modules/busboy": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+ "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+ "dependencies": {
+ "streamsearch": "^1.1.0"
+ },
+ "engines": {
+ "node": ">=10.16.0"
+ }
},
"node_modules/bytes": {
"version": "3.1.2",
@@ -3583,9 +4316,9 @@
}
},
"node_modules/caniuse-lite": {
- "version": "1.0.30001425",
- "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001425.tgz",
- "integrity": "sha512-/pzFv0OmNG6W0ym80P3NtapU0QEiDS3VuYAZMGoLLqiC7f6FJFe1MjpQDREGApeenD9wloeytmVDj+JLXPC6qw==",
+ "version": "1.0.30001642",
+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001642.tgz",
+ "integrity": "sha512-3XQ0DoRgLijXJErLSl+bLnJ+Et4KqV1PY6JJBGAFlsNsz31zeAIncyeZfLCabHK/jtSh+671RM9YMldxjUPZtA==",
"funding": [
{
"type": "opencollective",
@@ -3594,8 +4327,13 @@
{
"type": "tidelift",
"url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
}
- ]
+ ],
+ "license": "CC-BY-4.0"
},
"node_modules/ccount": {
"version": "2.0.1",
@@ -3699,16 +4437,6 @@
"resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
"integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg=="
},
- "node_modules/chrome-trace-event": {
- "version": "1.0.3",
- "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
- "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
- "dev": true,
- "peer": true,
- "engines": {
- "node": ">=6.0"
- }
- },
"node_modules/classnames": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
@@ -3728,7 +4456,8 @@
"node_modules/client-only": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
- "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+ "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+ "license": "MIT"
},
"node_modules/color": {
"version": "4.2.3",
@@ -3784,6 +4513,22 @@
"node": ">= 10"
}
},
+ "node_modules/compatfactory": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/compatfactory/-/compatfactory-3.0.0.tgz",
+ "integrity": "sha512-WD5kF7koPwVoyKL8p0LlrmIZtilrD46sQStyzzxzTFinMKN2Dxk1hN+sddLSQU1mGIZvQfU8c+ONSghvvM40jg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "helpertypes": "^0.0.19"
+ },
+ "engines": {
+ "node": ">=14.9.0"
+ },
+ "peerDependencies": {
+ "typescript": ">=3.x || >= 4.x || >= 5.x"
+ }
+ },
"node_modules/concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -3879,6 +4624,26 @@
"node": ">= 8"
}
},
+ "node_modules/crosspath": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/crosspath/-/crosspath-2.0.0.tgz",
+ "integrity": "sha512-ju88BYCQ2uvjO2bR+SsgLSTwTSctU+6Vp2ePbKPgSCZyy4MWZxYsT738DlKVRE5utUjobjPRm1MkTYKJxCmpTA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@types/node": "^17.0.36"
+ },
+ "engines": {
+ "node": ">=14.9.0"
+ }
+ },
+ "node_modules/crosspath/node_modules/@types/node": {
+ "version": "17.0.45",
+ "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.45.tgz",
+ "integrity": "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==",
+ "dev": true,
+ "license": "MIT"
+ },
"node_modules/css-select": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
@@ -3929,9 +4694,10 @@
}
},
"node_modules/csstype": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
- "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw=="
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+ "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+ "license": "MIT"
},
"node_modules/damerau-levenshtein": {
"version": "1.0.8",
@@ -4149,9 +4915,10 @@
"integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
},
"node_modules/electron-to-chromium": {
- "version": "1.4.284",
- "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz",
- "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA=="
+ "version": "1.4.827",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.827.tgz",
+ "integrity": "sha512-VY+J0e4SFcNfQy19MEoMdaIcZLmDCprqvBtkii1WTCTQHpRvf5N8+3kTYCgL/PcntvwQvmMJWTuDPsq+IlhWKQ==",
+ "license": "ISC"
},
"node_modules/emoji-regex": {
"version": "9.2.2",
@@ -4175,20 +4942,6 @@
"once": "^1.4.0"
}
},
- "node_modules/enhanced-resolve": {
- "version": "5.12.0",
- "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz",
- "integrity": "sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "graceful-fs": "^4.2.4",
- "tapable": "^2.2.0"
- },
- "engines": {
- "node": ">=10.13.0"
- }
- },
"node_modules/entities": {
"version": "4.4.0",
"resolved": "https://registry.npmjs.org/entities/-/entities-4.4.0.tgz",
@@ -4246,13 +4999,6 @@
"url": "https://github.com/sponsors/ljharb"
}
},
- "node_modules/es-module-lexer": {
- "version": "0.9.3",
- "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
- "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
- "dev": true,
- "peer": true
- },
"node_modules/es-shim-unscopables": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
@@ -4280,9 +5026,10 @@
}
},
"node_modules/escalade": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
- "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
+ "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
+ "license": "MIT",
"engines": {
"node": ">=6"
}
@@ -4951,16 +5698,6 @@
"node": ">= 0.6"
}
},
- "node_modules/events": {
- "version": "3.3.0",
- "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
- "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
- "dev": true,
- "peer": true,
- "engines": {
- "node": ">=0.8.x"
- }
- },
"node_modules/expand-template": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
@@ -5182,6 +5919,15 @@
"integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
"dev": true
},
+ "node_modules/focus-trap": {
+ "version": "7.5.4",
+ "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.5.4.tgz",
+ "integrity": "sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==",
+ "license": "MIT",
+ "dependencies": {
+ "tabbable": "^6.2.0"
+ }
+ },
"node_modules/forwarded": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -5364,9 +6110,7 @@
"node_modules/glob-to-regexp": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
- "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
- "dev": true,
- "peer": true
+ "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
},
"node_modules/glob/node_modules/brace-expansion": {
"version": "1.1.11",
@@ -5428,9 +6172,7 @@
"node_modules/graceful-fs": {
"version": "4.2.10",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
- "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
- "dev": true,
- "peer": true
+ "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
},
"node_modules/grapheme-splitter": {
"version": "1.0.4",
@@ -5619,6 +6361,16 @@
"url": "https://opencollective.com/unified"
}
},
+ "node_modules/helpertypes": {
+ "version": "0.0.19",
+ "resolved": "https://registry.npmjs.org/helpertypes/-/helpertypes-0.0.19.tgz",
+ "integrity": "sha512-J00e55zffgi3yVnUp0UdbMztNkr2PnizEkOe9URNohnrNhW5X0QpegkuLpOmFQInpi93Nb8MCjQRHAiCDF42NQ==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=10.0.0"
+ }
+ },
"node_modules/hey-listen": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
@@ -6075,43 +6827,22 @@
"url": "https://github.com/sponsors/ljharb"
}
},
+ "node_modules/isbot": {
+ "version": "3.8.0",
+ "resolved": "https://registry.npmjs.org/isbot/-/isbot-3.8.0.tgz",
+ "integrity": "sha512-vne1mzQUTR+qsMLeCBL9+/tgnDXRyc2pygLGl/WsgA+EZKIiB5Ehu0CiVTHIIk30zhJ24uGz4M5Ppse37aR0Hg==",
+ "dev": true,
+ "license": "Unlicense",
+ "engines": {
+ "node": ">=12"
+ }
+ },
"node_modules/isexe": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
"dev": true
},
- "node_modules/jest-worker": {
- "version": "27.5.1",
- "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
- "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@types/node": "*",
- "merge-stream": "^2.0.0",
- "supports-color": "^8.0.0"
- },
- "engines": {
- "node": ">= 10.13.0"
- }
- },
- "node_modules/jest-worker/node_modules/supports-color": {
- "version": "8.1.1",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
- "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "has-flag": "^4.0.0"
- },
- "engines": {
- "node": ">=10"
- },
- "funding": {
- "url": "https://github.com/chalk/supports-color?sponsor=1"
- }
- },
"node_modules/js-sdsl": {
"version": "4.1.5",
"resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.5.tgz",
@@ -6208,6 +6939,15 @@
"node": ">=6"
}
},
+ "node_modules/klona": {
+ "version": "2.0.6",
+ "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz",
+ "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 8"
+ }
+ },
"node_modules/language-subtag-registry": {
"version": "0.3.22",
"resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
@@ -6241,16 +6981,6 @@
"resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
"integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
},
- "node_modules/loader-runner": {
- "version": "4.3.0",
- "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
- "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
- "dev": true,
- "peer": true,
- "engines": {
- "node": ">=6.11.5"
- }
- },
"node_modules/locate-path": {
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -6307,17 +7037,23 @@
"loose-envify": "cli.js"
}
},
- "node_modules/lru-cache": {
- "version": "6.0.0",
- "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
- "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+ "node_modules/magic-string": {
+ "version": "0.30.10",
+ "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
+ "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
+ "dev": true,
+ "license": "MIT",
"dependencies": {
- "yallist": "^4.0.0"
- },
- "engines": {
- "node": ">=10"
+ "@jridgewell/sourcemap-codec": "^1.4.15"
}
},
+ "node_modules/magic-string/node_modules/@jridgewell/sourcemap-codec": {
+ "version": "1.5.0",
+ "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+ "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+ "dev": true,
+ "license": "MIT"
+ },
"node_modules/markdown-extensions": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/markdown-extensions/-/markdown-extensions-1.1.1.tgz",
@@ -6614,15 +7350,8 @@
},
"node_modules/merge-descriptors": {
"version": "1.0.1",
- "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
- "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
- },
- "node_modules/merge-stream": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
- "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
- "dev": true,
- "peer": true
+ "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+ "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
},
"node_modules/merge2": {
"version": "1.4.1",
@@ -7442,58 +8171,50 @@
"node": ">= 0.6"
}
},
- "node_modules/neo-async": {
- "version": "2.6.2",
- "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
- "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
- "dev": true,
- "peer": true
- },
"node_modules/next": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/next/-/next-13.0.0.tgz",
- "integrity": "sha512-puH1WGM6rGeFOoFdXXYfUxN9Sgi4LMytCV5HkQJvVUOhHfC1DoVqOfvzaEteyp6P04IW+gbtK2Q9pInVSrltPA==",
- "dependencies": {
- "@next/env": "13.0.0",
- "@swc/helpers": "0.4.11",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/next/-/next-13.4.7.tgz",
+ "integrity": "sha512-M8z3k9VmG51SRT6v5uDKdJXcAqLzP3C+vaKfLIAM0Mhx1um1G7MDnO63+m52qPdZfrTFzMZNzfsgvm3ghuVHIQ==",
+ "license": "MIT",
+ "dependencies": {
+ "@next/env": "13.4.7",
+ "@swc/helpers": "0.5.1",
+ "busboy": "1.6.0",
"caniuse-lite": "^1.0.30001406",
"postcss": "8.4.14",
- "styled-jsx": "5.1.0",
- "use-sync-external-store": "1.2.0"
+ "styled-jsx": "5.1.1",
+ "watchpack": "2.4.0",
+ "zod": "3.21.4"
},
"bin": {
"next": "dist/bin/next"
},
"engines": {
- "node": ">=14.6.0"
+ "node": ">=16.8.0"
},
"optionalDependencies": {
- "@next/swc-android-arm-eabi": "13.0.0",
- "@next/swc-android-arm64": "13.0.0",
- "@next/swc-darwin-arm64": "13.0.0",
- "@next/swc-darwin-x64": "13.0.0",
- "@next/swc-freebsd-x64": "13.0.0",
- "@next/swc-linux-arm-gnueabihf": "13.0.0",
- "@next/swc-linux-arm64-gnu": "13.0.0",
- "@next/swc-linux-arm64-musl": "13.0.0",
- "@next/swc-linux-x64-gnu": "13.0.0",
- "@next/swc-linux-x64-musl": "13.0.0",
- "@next/swc-win32-arm64-msvc": "13.0.0",
- "@next/swc-win32-ia32-msvc": "13.0.0",
- "@next/swc-win32-x64-msvc": "13.0.0"
+ "@next/swc-darwin-arm64": "13.4.7",
+ "@next/swc-darwin-x64": "13.4.7",
+ "@next/swc-linux-arm64-gnu": "13.4.7",
+ "@next/swc-linux-arm64-musl": "13.4.7",
+ "@next/swc-linux-x64-gnu": "13.4.7",
+ "@next/swc-linux-x64-musl": "13.4.7",
+ "@next/swc-win32-arm64-msvc": "13.4.7",
+ "@next/swc-win32-ia32-msvc": "13.4.7",
+ "@next/swc-win32-x64-msvc": "13.4.7"
},
"peerDependencies": {
+ "@opentelemetry/api": "^1.1.0",
"fibers": ">= 3.1.0",
- "node-sass": "^6.0.0 || ^7.0.0",
- "react": "^18.0.0-0",
- "react-dom": "^18.0.0-0",
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0",
"sass": "^1.3.0"
},
"peerDependenciesMeta": {
- "fibers": {
+ "@opentelemetry/api": {
"optional": true
},
- "node-sass": {
+ "fibers": {
"optional": true
},
"sass": {
@@ -7585,9 +8306,10 @@
"integrity": "sha512-CvkDw2OEnme7ybCykJpVcKH+uAOLV2qLqiyla128dN9TkEWfrYmxG6C2boDe5KcNQqZF3orkqzGgOMvZ/JNekA=="
},
"node_modules/node-releases": {
- "version": "2.0.6",
- "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz",
- "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg=="
+ "version": "2.0.14",
+ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+ "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+ "license": "MIT"
},
"node_modules/normalize-path": {
"version": "3.0.0",
@@ -7634,6 +8356,16 @@
"node": ">= 0.4"
}
},
+ "node_modules/object-path": {
+ "version": "0.11.8",
+ "resolved": "https://registry.npmjs.org/object-path/-/object-path-0.11.8.tgz",
+ "integrity": "sha512-YJjNZrlXJFM42wTBn6zgOJVar9KFJvzx6sTWDte8sWZF//cnjl0BxHNpfZx+ZffXX63A9q0b1zsFiBX4g4X5KA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">= 10.12.0"
+ }
+ },
"node_modules/object.assign": {
"version": "4.1.4",
"resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
@@ -7889,9 +8621,10 @@
}
},
"node_modules/picocolors": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
- "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+ "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
+ "license": "ISC"
},
"node_modules/picomatch": {
"version": "2.3.1",
@@ -8117,6 +8850,12 @@
"node": ">= 0.10"
}
},
+ "node_modules/proxy-compare": {
+ "version": "2.6.0",
+ "resolved": "https://registry.npmjs.org/proxy-compare/-/proxy-compare-2.6.0.tgz",
+ "integrity": "sha512-8xuCeM3l8yqdmbPoYeLbrAXCBWu19XEYc5/F28f5qOaoAIMyfmBUkl5axiK+x9olUvRlcekvnm98AP9RDngOIw==",
+ "license": "MIT"
+ },
"node_modules/pump": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
@@ -8177,16 +8916,6 @@
}
]
},
- "node_modules/randombytes": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
- "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "safe-buffer": "^5.1.0"
- }
- },
"node_modules/range-parser": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
@@ -8524,6 +9253,76 @@
"url": "https://github.com/sponsors/isaacs"
}
},
+ "node_modules/rollup-plugin-ts": {
+ "version": "3.4.5",
+ "resolved": "https://registry.npmjs.org/rollup-plugin-ts/-/rollup-plugin-ts-3.4.5.tgz",
+ "integrity": "sha512-9iCstRJpEZXSRQuXitlSZAzcGlrqTbJg1pE4CMbEi6xYldxVncdPyzA2I+j6vnh73wBymZckerS+Q/iEE/M3Ow==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@rollup/pluginutils": "^5.0.2",
+ "@wessberg/stringutil": "^1.0.19",
+ "ansi-colors": "^4.1.3",
+ "browserslist": "^4.21.10",
+ "browserslist-generator": "^2.1.0",
+ "compatfactory": "^3.0.0",
+ "crosspath": "^2.0.0",
+ "magic-string": "^0.30.2",
+ "ts-clone-node": "^3.0.0",
+ "tslib": "^2.6.1"
+ },
+ "engines": {
+ "node": ">=16.15.1",
+ "npm": ">=7.0.0",
+ "pnpm": ">=3.2.0",
+ "yarn": ">=1.13"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/wessberg/rollup-plugin-ts?sponsor=1"
+ },
+ "peerDependencies": {
+ "@babel/core": ">=7.x",
+ "@babel/plugin-transform-runtime": ">=7.x",
+ "@babel/preset-env": ">=7.x",
+ "@babel/preset-typescript": ">=7.x",
+ "@babel/runtime": ">=7.x",
+ "@swc/core": ">=1.x",
+ "@swc/helpers": ">=0.2",
+ "rollup": ">=1.x || >=2.x || >=3.x",
+ "typescript": ">=3.2.x || >= 4.x || >= 5.x"
+ },
+ "peerDependenciesMeta": {
+ "@babel/core": {
+ "optional": true
+ },
+ "@babel/plugin-transform-runtime": {
+ "optional": true
+ },
+ "@babel/preset-env": {
+ "optional": true
+ },
+ "@babel/preset-typescript": {
+ "optional": true
+ },
+ "@babel/runtime": {
+ "optional": true
+ },
+ "@swc/core": {
+ "optional": true
+ },
+ "@swc/helpers": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/rollup-plugin-ts/node_modules/tslib": {
+ "version": "2.6.3",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
+ "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==",
+ "dev": true,
+ "license": "0BSD"
+ },
"node_modules/run-parallel": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -8604,25 +9403,6 @@
"loose-envify": "^1.1.0"
}
},
- "node_modules/schema-utils": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
- "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@types/json-schema": "^7.0.8",
- "ajv": "^6.12.5",
- "ajv-keywords": "^3.5.2"
- },
- "engines": {
- "node": ">= 10.13.0"
- },
- "funding": {
- "type": "opencollective",
- "url": "https://opencollective.com/webpack"
- }
- },
"node_modules/section-matter": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
@@ -8636,12 +9416,10 @@
}
},
"node_modules/semver": {
- "version": "7.3.8",
- "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
- "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
- "dependencies": {
- "lru-cache": "^6.0.0"
- },
+ "version": "7.6.2",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
+ "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+ "license": "ISC",
"bin": {
"semver": "bin/semver.js"
},
@@ -8690,16 +9468,6 @@
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
},
- "node_modules/serialize-javascript": {
- "version": "6.0.0",
- "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
- "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "randombytes": "^2.1.0"
- }
- },
"node_modules/serve-static": {
"version": "1.15.0",
"resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
@@ -8856,17 +9624,6 @@
"node": ">=0.10.0"
}
},
- "node_modules/source-map-support": {
- "version": "0.5.21",
- "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
- "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "buffer-from": "^1.0.0",
- "source-map": "^0.6.0"
- }
- },
"node_modules/space-separated-tokens": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.1.tgz",
@@ -8895,6 +9652,14 @@
"node": ">= 0.8"
}
},
+ "node_modules/streamsearch": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+ "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+ "engines": {
+ "node": ">=10.0.0"
+ }
+ },
"node_modules/string_decoder": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
@@ -9039,9 +9804,10 @@
}
},
"node_modules/styled-jsx": {
- "version": "5.1.0",
- "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.0.tgz",
- "integrity": "sha512-/iHaRJt9U7T+5tp6TRelLnqBqiaIT0HsO0+vgyj8hK2KUk7aejFqRrumqPUlAqDwAj8IbS/1hk3IhBAAK/FCUQ==",
+ "version": "5.1.1",
+ "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+ "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+ "license": "MIT",
"dependencies": {
"client-only": "0.0.1"
},
@@ -9107,15 +9873,11 @@
"node": ">=10.13.0"
}
},
- "node_modules/tapable": {
- "version": "2.2.1",
- "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
- "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
- "dev": true,
- "peer": true,
- "engines": {
- "node": ">=6"
- }
+ "node_modules/tabbable": {
+ "version": "6.2.0",
+ "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
+ "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==",
+ "license": "MIT"
},
"node_modules/tar-fs": {
"version": "2.1.1",
@@ -9143,67 +9905,6 @@
"node": ">=6"
}
},
- "node_modules/terser": {
- "version": "5.16.1",
- "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.1.tgz",
- "integrity": "sha512-xvQfyfA1ayT0qdK47zskQgRZeWLoOQ8JQ6mIgRGVNwZKdQMU+5FkCBjmv4QjcrTzyZquRw2FVtlJSRUmMKQslw==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@jridgewell/source-map": "^0.3.2",
- "acorn": "^8.5.0",
- "commander": "^2.20.0",
- "source-map-support": "~0.5.20"
- },
- "bin": {
- "terser": "bin/terser"
- },
- "engines": {
- "node": ">=10"
- }
- },
- "node_modules/terser-webpack-plugin": {
- "version": "5.3.6",
- "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.6.tgz",
- "integrity": "sha512-kfLFk+PoLUQIbLmB1+PZDMRSZS99Mp+/MHqDNmMA6tOItzRt+Npe3E+fsMs5mfcM0wCtrrdU387UnV+vnSffXQ==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@jridgewell/trace-mapping": "^0.3.14",
- "jest-worker": "^27.4.5",
- "schema-utils": "^3.1.1",
- "serialize-javascript": "^6.0.0",
- "terser": "^5.14.1"
- },
- "engines": {
- "node": ">= 10.13.0"
- },
- "funding": {
- "type": "opencollective",
- "url": "https://opencollective.com/webpack"
- },
- "peerDependencies": {
- "webpack": "^5.1.0"
- },
- "peerDependenciesMeta": {
- "@swc/core": {
- "optional": true
- },
- "esbuild": {
- "optional": true
- },
- "uglify-js": {
- "optional": true
- }
- }
- },
- "node_modules/terser/node_modules/commander": {
- "version": "2.20.3",
- "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
- "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
- "dev": true,
- "peer": true
- },
"node_modules/text-table": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -9255,6 +9956,26 @@
"url": "https://github.com/sponsors/wooorm"
}
},
+ "node_modules/ts-clone-node": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/ts-clone-node/-/ts-clone-node-3.0.0.tgz",
+ "integrity": "sha512-egavvyHbIoelkgh1IC2agNB1uMNjB8VJgh0g/cn0bg2XXTcrtjrGMzEk4OD3Fi2hocICjP3vMa56nkzIzq0FRg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "compatfactory": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=14.9.0"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/wessberg/ts-clone-node?sponsor=1"
+ },
+ "peerDependencies": {
+ "typescript": "^3.x || ^4.x || ^5.x"
+ }
+ },
"node_modules/tsconfig-paths": {
"version": "3.14.1",
"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz",
@@ -9352,6 +10073,30 @@
"node": ">=4.2.0"
}
},
+ "node_modules/ua-parser-js": {
+ "version": "1.0.38",
+ "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.38.tgz",
+ "integrity": "sha512-Aq5ppTOfvrCMgAPneW1HfWj66Xi7XL+/mIy996R1/CLS/rcyJQm6QZdsKrUeivDFQ+Oc9Wyuwor8Ze8peEoUoQ==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/ua-parser-js"
+ },
+ {
+ "type": "paypal",
+ "url": "https://paypal.me/faisalman"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/faisalman"
+ }
+ ],
+ "license": "MIT",
+ "engines": {
+ "node": "*"
+ }
+ },
"node_modules/unbox-primitive": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
@@ -9536,9 +10281,9 @@
}
},
"node_modules/update-browserslist-db": {
- "version": "1.0.10",
- "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz",
- "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==",
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
+ "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==",
"funding": [
{
"type": "opencollective",
@@ -9547,14 +10292,19 @@
{
"type": "tidelift",
"url": "https://tidelift.com/funding/github/npm/browserslist"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
}
],
+ "license": "MIT",
"dependencies": {
- "escalade": "^3.1.1",
- "picocolors": "^1.0.0"
+ "escalade": "^3.1.2",
+ "picocolors": "^1.0.1"
},
"bin": {
- "browserslist-lint": "cli.js"
+ "update-browserslist-db": "cli.js"
},
"peerDependencies": {
"browserslist": ">= 4.21.0"
@@ -9569,14 +10319,6 @@
"punycode": "^2.1.0"
}
},
- "node_modules/use-sync-external-store": {
- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
- "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==",
- "peerDependencies": {
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
- }
- },
"node_modules/util-deprecate": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -9674,8 +10416,6 @@
"version": "2.4.0",
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
"integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
- "dev": true,
- "peer": true,
"dependencies": {
"glob-to-regexp": "^0.4.1",
"graceful-fs": "^4.1.2"
@@ -9684,95 +10424,6 @@
"node": ">=10.13.0"
}
},
- "node_modules/webpack": {
- "version": "5.75.0",
- "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.75.0.tgz",
- "integrity": "sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "@types/eslint-scope": "^3.7.3",
- "@types/estree": "^0.0.51",
- "@webassemblyjs/ast": "1.11.1",
- "@webassemblyjs/wasm-edit": "1.11.1",
- "@webassemblyjs/wasm-parser": "1.11.1",
- "acorn": "^8.7.1",
- "acorn-import-assertions": "^1.7.6",
- "browserslist": "^4.14.5",
- "chrome-trace-event": "^1.0.2",
- "enhanced-resolve": "^5.10.0",
- "es-module-lexer": "^0.9.0",
- "eslint-scope": "5.1.1",
- "events": "^3.2.0",
- "glob-to-regexp": "^0.4.1",
- "graceful-fs": "^4.2.9",
- "json-parse-even-better-errors": "^2.3.1",
- "loader-runner": "^4.2.0",
- "mime-types": "^2.1.27",
- "neo-async": "^2.6.2",
- "schema-utils": "^3.1.0",
- "tapable": "^2.1.1",
- "terser-webpack-plugin": "^5.1.3",
- "watchpack": "^2.4.0",
- "webpack-sources": "^3.2.3"
- },
- "bin": {
- "webpack": "bin/webpack.js"
- },
- "engines": {
- "node": ">=10.13.0"
- },
- "funding": {
- "type": "opencollective",
- "url": "https://opencollective.com/webpack"
- },
- "peerDependenciesMeta": {
- "webpack-cli": {
- "optional": true
- }
- }
- },
- "node_modules/webpack-sources": {
- "version": "3.2.3",
- "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
- "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
- "dev": true,
- "peer": true,
- "engines": {
- "node": ">=10.13.0"
- }
- },
- "node_modules/webpack/node_modules/@types/estree": {
- "version": "0.0.51",
- "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz",
- "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==",
- "dev": true,
- "peer": true
- },
- "node_modules/webpack/node_modules/eslint-scope": {
- "version": "5.1.1",
- "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
- "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
- "dev": true,
- "peer": true,
- "dependencies": {
- "esrecurse": "^4.3.0",
- "estraverse": "^4.1.1"
- },
- "engines": {
- "node": ">=8.0.0"
- }
- },
- "node_modules/webpack/node_modules/estraverse": {
- "version": "4.3.0",
- "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
- "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
- "dev": true,
- "peer": true,
- "engines": {
- "node": ">=4.0"
- }
- },
"node_modules/which": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -9818,11 +10469,6 @@
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
},
- "node_modules/yallist": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
- "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
- },
"node_modules/yaml": {
"version": "1.10.2",
"resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
@@ -9858,6 +10504,26 @@
"npm": ">=7.1.0"
}
},
+ "node_modules/yorkie-ui": {
+ "version": "0.5.32",
+ "resolved": "https://registry.npmjs.org/yorkie-ui/-/yorkie-ui-0.5.32.tgz",
+ "integrity": "sha512-fCAtLVuyuZtlfvjBWFSW0TiVnEDEXMg8UrelD9PShKjCvXOym2G1IgOD2OAMdtmcKsRZ5xquReD8fBxcjUVGHg==",
+ "dependencies": {
+ "@ark-ui/react": "^2.2.3",
+ "@storybook/addon-console": "^3.0.0",
+ "react": "^18",
+ "react-dom": "^18"
+ }
+ },
+ "node_modules/zod": {
+ "version": "3.21.4",
+ "resolved": "https://registry.npmjs.org/zod/-/zod-3.21.4.tgz",
+ "integrity": "sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==",
+ "license": "MIT",
+ "funding": {
+ "url": "https://github.com/sponsors/colinhacks"
+ }
+ },
"node_modules/zwitch": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.2.tgz",
@@ -9878,6 +10544,94 @@
"@jridgewell/trace-mapping": "^0.3.9"
}
},
+ "@ark-ui/anatomy": {
+ "version": "2.3.1",
+ "resolved": "https://registry.npmjs.org/@ark-ui/anatomy/-/anatomy-2.3.1.tgz",
+ "integrity": "sha512-pfHDkuFRFdzOnZxqNcAld1b03ehvFrOqXery9JHBTchP8+VmAmxg6ZDn4Se1ie4HvcmXD6IU61jltJB/aXYpJg==",
+ "requires": {
+ "@zag-js/accordion": "0.38.0",
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/avatar": "0.38.0",
+ "@zag-js/carousel": "0.38.0",
+ "@zag-js/checkbox": "0.38.0",
+ "@zag-js/clipboard": "0.38.0",
+ "@zag-js/collapsible": "0.38.0",
+ "@zag-js/color-picker": "0.38.0",
+ "@zag-js/color-utils": "0.38.0",
+ "@zag-js/combobox": "0.38.0",
+ "@zag-js/date-picker": "0.38.0",
+ "@zag-js/date-utils": "0.38.0",
+ "@zag-js/dialog": "0.38.0",
+ "@zag-js/editable": "0.38.0",
+ "@zag-js/file-upload": "0.38.0",
+ "@zag-js/hover-card": "0.38.0",
+ "@zag-js/menu": "0.38.0",
+ "@zag-js/number-input": "0.38.0",
+ "@zag-js/pagination": "0.38.0",
+ "@zag-js/pin-input": "0.38.0",
+ "@zag-js/popover": "0.38.0",
+ "@zag-js/presence": "0.38.0",
+ "@zag-js/progress": "0.38.0",
+ "@zag-js/radio-group": "0.38.0",
+ "@zag-js/rating-group": "0.38.0",
+ "@zag-js/select": "0.38.0",
+ "@zag-js/slider": "0.38.0",
+ "@zag-js/splitter": "0.38.0",
+ "@zag-js/switch": "0.38.0",
+ "@zag-js/tabs": "0.38.0",
+ "@zag-js/tags-input": "0.38.0",
+ "@zag-js/toast": "0.38.0",
+ "@zag-js/toggle-group": "0.38.0",
+ "@zag-js/tooltip": "0.38.0",
+ "@zag-js/tree-view": "0.38.0"
+ }
+ },
+ "@ark-ui/react": {
+ "version": "2.2.3",
+ "resolved": "https://registry.npmjs.org/@ark-ui/react/-/react-2.2.3.tgz",
+ "integrity": "sha512-W43rbimG1f7v1jk8J+PG/3um8/PaL1lQZEnRPzaXtQjEoiBlXH4yFyJakoEldxoZEQGB8x7SUkjHxZ93cRceuQ==",
+ "requires": {
+ "@ark-ui/anatomy": "2.3.1",
+ "@zag-js/accordion": "0.38.0",
+ "@zag-js/avatar": "0.38.0",
+ "@zag-js/carousel": "0.38.0",
+ "@zag-js/checkbox": "0.38.0",
+ "@zag-js/clipboard": "0.38.0",
+ "@zag-js/collapsible": "0.38.0",
+ "@zag-js/color-picker": "0.38.0",
+ "@zag-js/color-utils": "0.38.0",
+ "@zag-js/combobox": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/date-picker": "0.38.0",
+ "@zag-js/date-utils": "0.38.0",
+ "@zag-js/dialog": "0.38.0",
+ "@zag-js/editable": "0.38.0",
+ "@zag-js/file-upload": "0.38.0",
+ "@zag-js/hover-card": "0.38.0",
+ "@zag-js/i18n-utils": "0.38.0",
+ "@zag-js/menu": "0.38.0",
+ "@zag-js/number-input": "0.38.0",
+ "@zag-js/pagination": "0.38.0",
+ "@zag-js/pin-input": "0.38.0",
+ "@zag-js/popover": "0.38.0",
+ "@zag-js/presence": "0.38.0",
+ "@zag-js/progress": "0.38.0",
+ "@zag-js/radio-group": "0.38.0",
+ "@zag-js/rating-group": "0.38.0",
+ "@zag-js/react": "0.38.0",
+ "@zag-js/select": "0.38.0",
+ "@zag-js/slider": "0.38.0",
+ "@zag-js/splitter": "0.38.0",
+ "@zag-js/switch": "0.38.0",
+ "@zag-js/tabs": "0.38.0",
+ "@zag-js/tags-input": "0.38.0",
+ "@zag-js/toast": "0.38.0",
+ "@zag-js/toggle-group": "0.38.0",
+ "@zag-js/tooltip": "0.38.0",
+ "@zag-js/tree-view": "0.38.0",
+ "@zag-js/types": "0.38.0"
+ }
+ },
"@babel/code-frame": {
"version": "7.18.6",
"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz",
@@ -11084,14 +11838,12 @@
"@connectrpc/connect": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/@connectrpc/connect/-/connect-1.4.0.tgz",
- "integrity": "sha512-vZeOkKaAjyV4+RH3+rJZIfDFJAfr+7fyYr6sLDKbYX3uuTVszhFe9/YKf5DNqrDb5cKdKVlYkGn6DTDqMitAnA==",
- "requires": {}
+ "integrity": "sha512-vZeOkKaAjyV4+RH3+rJZIfDFJAfr+7fyYr6sLDKbYX3uuTVszhFe9/YKf5DNqrDb5cKdKVlYkGn6DTDqMitAnA=="
},
"@connectrpc/connect-web": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/@connectrpc/connect-web/-/connect-web-1.4.0.tgz",
- "integrity": "sha512-13aO4psFbbm7rdOFGV0De2Za64DY/acMspgloDlcOKzLPPs0yZkhp1OOzAQeiAIr7BM/VOHIA3p8mF0inxCYTA==",
- "requires": {}
+ "integrity": "sha512-13aO4psFbbm7rdOFGV0De2Za64DY/acMspgloDlcOKzLPPs0yZkhp1OOzAQeiAIr7BM/VOHIA3p8mF0inxCYTA=="
},
"@emotion/is-prop-valid": {
"version": "0.8.8",
@@ -11146,6 +11898,28 @@
}
}
},
+ "@floating-ui/core": {
+ "version": "1.6.4",
+ "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.4.tgz",
+ "integrity": "sha512-a4IowK4QkXl4SCWTGUR0INAfEOX3wtsYw3rKK5InQEHMGObkR8Xk44qYQD9P4r6HHw0iIfK6GUKECmY8sTkqRA==",
+ "requires": {
+ "@floating-ui/utils": "^0.2.4"
+ }
+ },
+ "@floating-ui/dom": {
+ "version": "1.6.3",
+ "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.3.tgz",
+ "integrity": "sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==",
+ "requires": {
+ "@floating-ui/core": "^1.0.0",
+ "@floating-ui/utils": "^0.2.0"
+ }
+ },
+ "@floating-ui/utils": {
+ "version": "0.2.4",
+ "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.4.tgz",
+ "integrity": "sha512-dWO2pw8hhi+WrXq1YJy2yCuWoL20PddgGaqTgVe4cOS9Q6qklXCiA1tJEqX6BEwRNSCP84/afac9hd4MS+zEUA=="
+ },
"@humanwhocodes/config-array": {
"version": "0.11.6",
"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.6.tgz",
@@ -11190,6 +11964,22 @@
"integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
"dev": true
},
+ "@internationalized/date": {
+ "version": "3.5.2",
+ "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.5.2.tgz",
+ "integrity": "sha512-vo1yOMUt2hzp63IutEaTUxROdvQg1qlMRsbCvbay2AK2Gai7wIgCyK5weEX3nHkiLgo4qCXHijFNC/ILhlRpOQ==",
+ "requires": {
+ "@swc/helpers": "^0.5.0"
+ }
+ },
+ "@internationalized/number": {
+ "version": "3.5.1",
+ "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.5.1.tgz",
+ "integrity": "sha512-N0fPU/nz15SwR9IbfJ5xaS9Ss/O5h1sVXMZf43vc9mxEG48ovglvvzBjF53aHlq20uoR6c+88CrIXipU/LSzwg==",
+ "requires": {
+ "@swc/helpers": "^0.5.0"
+ }
+ },
"@jridgewell/gen-mapping": {
"version": "0.1.1",
"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
@@ -11209,31 +11999,6 @@
"resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
"integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw=="
},
- "@jridgewell/source-map": {
- "version": "0.3.2",
- "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz",
- "integrity": "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==",
- "dev": true,
- "peer": true,
- "requires": {
- "@jridgewell/gen-mapping": "^0.3.0",
- "@jridgewell/trace-mapping": "^0.3.9"
- },
- "dependencies": {
- "@jridgewell/gen-mapping": {
- "version": "0.3.2",
- "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
- "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
- "dev": true,
- "peer": true,
- "requires": {
- "@jridgewell/set-array": "^1.0.1",
- "@jridgewell/sourcemap-codec": "^1.4.10",
- "@jridgewell/trace-mapping": "^0.3.9"
- }
- }
- }
- },
"@jridgewell/sourcemap-codec": {
"version": "1.4.14",
"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
@@ -11253,6 +12018,12 @@
"resolved": "https://registry.npmjs.org/@jsdevtools/rehype-toc/-/rehype-toc-3.0.2.tgz",
"integrity": "sha512-n5JEf16Wr4mdkRMZ8wMP/wN9/sHmTjRPbouXjJH371mZ2LEGDl72t8tEsMRNFerQN/QJtivOxqK1frdGa4QK5Q=="
},
+ "@mdn/browser-compat-data": {
+ "version": "5.5.39",
+ "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-5.5.39.tgz",
+ "integrity": "sha512-22awGsC5t7sGOT2u5EU1RA64L+F87GWYXHZkh0ofjJsLGObqNDDVSTlumd/+6YK3QwlOIEVWAsqmJymrrSqBlA==",
+ "dev": true
+ },
"@mdx-js/loader": {
"version": "2.1.5",
"resolved": "https://registry.npmjs.org/@mdx-js/loader/-/loader-2.1.5.tgz",
@@ -11363,9 +12134,9 @@
}
},
"@next/env": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/env/-/env-13.0.0.tgz",
- "integrity": "sha512-65v9BVuah2Mplohm4+efsKEnoEuhmlGm8B2w6vD1geeEP2wXtlSJCvR/cCRJ3fD8wzCQBV41VcMBQeYET6MRkg=="
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/env/-/env-13.4.7.tgz",
+ "integrity": "sha512-ZlbiFulnwiFsW9UV1ku1OvX/oyIPLtMk9p/nnvDSwI0s7vSoZdRtxXNsaO+ZXrLv/pMbXVGq4lL8TbY9iuGmVw=="
},
"@next/eslint-plugin-next": {
"version": "13.0.0",
@@ -11376,82 +12147,58 @@
"glob": "7.1.7"
}
},
- "@next/swc-android-arm-eabi": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.0.0.tgz",
- "integrity": "sha512-+DUQkYF93gxFjWY+CYWE1QDX6gTgnUiWf+W4UqZjM1Jcef8U97fS6xYh+i+8rH4MM0AXHm7OSakvfOMzmjU6VA==",
- "optional": true
- },
- "@next/swc-android-arm64": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.0.0.tgz",
- "integrity": "sha512-RW9Uy3bMSc0zVGCa11klFuwfP/jdcdkhdruqnrJ7v+7XHm6OFKkSRzX6ee7yGR1rdDZvTnP4GZSRSpzjLv/N0g==",
- "optional": true
- },
"@next/swc-darwin-arm64": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.0.0.tgz",
- "integrity": "sha512-APA26nps1j4qyhOIzkclW/OmgotVHj1jBxebSpMCPw2rXfiNvKNY9FA0TcuwPmUCNqaTnm703h6oW4dvp73A4Q==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.7.tgz",
+ "integrity": "sha512-VZTxPv1b59KGiv/pZHTO5Gbsdeoxcj2rU2cqJu03btMhHpn3vwzEK0gUSVC/XW96aeGO67X+cMahhwHzef24/w==",
"optional": true
},
"@next/swc-darwin-x64": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.0.0.tgz",
- "integrity": "sha512-qsUhUdoFuRJiaJ7LnvTQ6GZv1QnMDcRXCIjxaN0FNVXwrjkq++U7KjBUaxXkRzLV4C7u0NHLNOp0iZwNNE7ypw==",
- "optional": true
- },
- "@next/swc-freebsd-x64": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.0.0.tgz",
- "integrity": "sha512-sCdyCbboS7CwdnevKH9J6hkJI76LUw1jVWt4eV7kISuLiPba3JmehZSWm80oa4ADChRVAwzhLAo2zJaYRrInbg==",
- "optional": true
- },
- "@next/swc-linux-arm-gnueabihf": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.0.0.tgz",
- "integrity": "sha512-/X/VxfFA41C9jrEv+sUsPLQ5vbDPVIgG0CJrzKvrcc+b+4zIgPgtfsaWq9ockjHFQi3ycvlZK4TALOXO8ovQ6Q==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.7.tgz",
+ "integrity": "sha512-gO2bw+2Ymmga+QYujjvDz9955xvYGrWofmxTq7m70b9pDPvl7aDFABJOZ2a8SRCuSNB5mXU8eTOmVVwyp/nAew==",
"optional": true
},
"@next/swc-linux-arm64-gnu": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.0.0.tgz",
- "integrity": "sha512-x6Oxr1GIi0ZtNiT6jbw+JVcbEi3UQgF7mMmkrgfL4mfchOwXtWSHKTSSPnwoJWJfXYa0Vy1n8NElWNTGAqoWFw==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.7.tgz",
+ "integrity": "sha512-6cqp3vf1eHxjIDhEOc7Mh/s8z1cwc/l5B6ZNkOofmZVyu1zsbEM5Hmx64s12Rd9AYgGoiCz4OJ4M/oRnkE16/Q==",
"optional": true
},
"@next/swc-linux-arm64-musl": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.0.0.tgz",
- "integrity": "sha512-SnMH9ngI+ipGh3kqQ8+mDtWunirwmhQnQeZkEq9e/9Xsgjf04OetqrqRHKM1HmJtG2qMUJbyXFJ0F81TPuT+3g==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.7.tgz",
+ "integrity": "sha512-T1kD2FWOEy5WPidOn1si0rYmWORNch4a/NR52Ghyp4q7KyxOCuiOfZzyhVC5tsLIBDH3+cNdB5DkD9afpNDaOw==",
"optional": true
},
"@next/swc-linux-x64-gnu": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.0.0.tgz",
- "integrity": "sha512-VSQwTX9EmdbotArtA1J67X8964oQfe0xHb32x4tu+JqTR+wOHyG6wGzPMdXH2oKAp6rdd7BzqxUXXf0J+ypHlw==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.7.tgz",
+ "integrity": "sha512-zaEC+iEiAHNdhl6fuwl0H0shnTzQoAoJiDYBUze8QTntE/GNPfTYpYboxF5LRYIjBwETUatvE0T64W6SKDipvg==",
"optional": true
},
"@next/swc-linux-x64-musl": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.0.0.tgz",
- "integrity": "sha512-xBCP0nnpO0q4tsytXkvIwWFINtbFRyVY5gxa1zB0vlFtqYR9lNhrOwH3CBrks3kkeaePOXd611+8sjdUtrLnXA==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.7.tgz",
+ "integrity": "sha512-X6r12F8d8SKAtYJqLZBBMIwEqcTRvUdVm+xIq+l6pJqlgT2tNsLLf2i5Cl88xSsIytBICGsCNNHd+siD2fbWBA==",
"optional": true
},
"@next/swc-win32-arm64-msvc": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.0.0.tgz",
- "integrity": "sha512-NutwDafqhGxqPj/eiUixJq9ImS/0sgx6gqlD7jRndCvQ2Q8AvDdu1+xKcGWGNnhcDsNM/n1avf1e62OG1GaqJg==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.7.tgz",
+ "integrity": "sha512-NPnmnV+vEIxnu6SUvjnuaWRglZzw4ox5n/MQTxeUhb5iwVWFedolPFebMNwgrWu4AELwvTdGtWjqof53AiWHcw==",
"optional": true
},
"@next/swc-win32-ia32-msvc": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.0.0.tgz",
- "integrity": "sha512-zNaxaO+Kl/xNz02E9QlcVz0pT4MjkXGDLb25qxtAzyJL15aU0+VjjbIZAYWctG59dvggNIUNDWgoBeVTKB9xLg==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.7.tgz",
+ "integrity": "sha512-6Hxijm6/a8XqLQpOOf/XuwWRhcuc/g4rBB2oxjgCMuV9Xlr2bLs5+lXyh8w9YbAUMYR3iC9mgOlXbHa79elmXw==",
"optional": true
},
"@next/swc-win32-x64-msvc": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.0.0.tgz",
- "integrity": "sha512-FFOGGWwTCRMu9W7MF496Urefxtuo2lttxF1vwS+1rIRsKvuLrWhVaVTj3T8sf2EBL6gtJbmh4TYlizS+obnGKA==",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.7.tgz",
+ "integrity": "sha512-sW9Yt36Db1nXJL+mTr2Wo0y+VkPWeYhygvcHj1FF0srVtV+VoDjxleKtny21QHaG05zdeZnw2fCtf2+dEqgwqA==",
"optional": true
},
"@nodelib/fs.scandir": {
@@ -11480,59 +12227,83 @@
"fastq": "^1.6.0"
}
},
+ "@rollup/pluginutils": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
+ "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==",
+ "dev": true,
+ "requires": {
+ "@types/estree": "^1.0.0",
+ "estree-walker": "^2.0.2",
+ "picomatch": "^2.3.1"
+ },
+ "dependencies": {
+ "estree-walker": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+ "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+ "dev": true
+ }
+ }
+ },
"@rushstack/eslint-patch": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz",
"integrity": "sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==",
"dev": true
},
+ "@storybook/addon-console": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/@storybook/addon-console/-/addon-console-3.0.0.tgz",
+ "integrity": "sha512-2pD2c9KNWuPIWlprqmWoZYrNQnG2qoDg7fAAXXNK6YDc5x/ZpK0cfOyfz/Gpdeje4QUmttZKAVjH0nOZDuxfvw==",
+ "requires": {
+ "@storybook/global": "^5.0.0"
+ }
+ },
+ "@storybook/global": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz",
+ "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ=="
+ },
"@svgr/babel-plugin-add-jsx-attribute": {
"version": "6.5.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-6.5.0.tgz",
- "integrity": "sha512-Cp1JR1IPrQNvPRbkfcPmax52iunBC+eQDyBce8feOIIbVH6ZpVhErYoJtPWRBj2rKi4Wi9HvCm1+L1UD6QlBmg==",
- "requires": {}
+ "integrity": "sha512-Cp1JR1IPrQNvPRbkfcPmax52iunBC+eQDyBce8feOIIbVH6ZpVhErYoJtPWRBj2rKi4Wi9HvCm1+L1UD6QlBmg=="
},
"@svgr/babel-plugin-remove-jsx-attribute": {
"version": "6.5.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-6.5.0.tgz",
- "integrity": "sha512-8zYdkym7qNyfXpWvu4yq46k41pyNM9SOstoWhKlm+IfdCE1DdnRKeMUPsWIEO/DEkaWxJ8T9esNdG3QwQ93jBA==",
- "requires": {}
+ "integrity": "sha512-8zYdkym7qNyfXpWvu4yq46k41pyNM9SOstoWhKlm+IfdCE1DdnRKeMUPsWIEO/DEkaWxJ8T9esNdG3QwQ93jBA=="
},
"@svgr/babel-plugin-remove-jsx-empty-expression": {
"version": "6.5.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-6.5.0.tgz",
- "integrity": "sha512-NFdxMq3xA42Kb1UbzCVxplUc0iqSyM9X8kopImvFnB+uSDdzIHOdbs1op8ofAvVRtbg4oZiyRl3fTYeKcOe9Iw==",
- "requires": {}
+ "integrity": "sha512-NFdxMq3xA42Kb1UbzCVxplUc0iqSyM9X8kopImvFnB+uSDdzIHOdbs1op8ofAvVRtbg4oZiyRl3fTYeKcOe9Iw=="
},
"@svgr/babel-plugin-replace-jsx-attribute-value": {
"version": "6.5.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-6.5.0.tgz",
- "integrity": "sha512-XWm64/rSPUCQ+MFyA9lhMO+w8bOZvkTvovRIU1lpIy63ysPaVAFtxjQiZj+S7QaLaLGUXkSkf8WZsaN+QPo/gA==",
- "requires": {}
+ "integrity": "sha512-XWm64/rSPUCQ+MFyA9lhMO+w8bOZvkTvovRIU1lpIy63ysPaVAFtxjQiZj+S7QaLaLGUXkSkf8WZsaN+QPo/gA=="
},
"@svgr/babel-plugin-svg-dynamic-title": {
"version": "6.5.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-6.5.0.tgz",
- "integrity": "sha512-JIF2D2ltiWFGlTw2fJ9jJg1fNT9rWjOD2Cf0/xzeW6Z2LIRQTHcRHxpZq359+SRWtEPsCXEWV2Xmd+DMBj6dBw==",
- "requires": {}
+ "integrity": "sha512-JIF2D2ltiWFGlTw2fJ9jJg1fNT9rWjOD2Cf0/xzeW6Z2LIRQTHcRHxpZq359+SRWtEPsCXEWV2Xmd+DMBj6dBw=="
},
"@svgr/babel-plugin-svg-em-dimensions": {
"version": "6.5.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-6.5.0.tgz",
- "integrity": "sha512-uuo0FfLP4Nu2zncOcoUFDzZdXWma2bxkTGk0etRThs4/PghvPIGaW8cPhCg6yJ8zpaauWcKV0wZtzKlJRCtVzg==",
- "requires": {}
+ "integrity": "sha512-uuo0FfLP4Nu2zncOcoUFDzZdXWma2bxkTGk0etRThs4/PghvPIGaW8cPhCg6yJ8zpaauWcKV0wZtzKlJRCtVzg=="
},
"@svgr/babel-plugin-transform-react-native-svg": {
"version": "6.5.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-6.5.0.tgz",
- "integrity": "sha512-VMRWyOmrV+DaEFPgP3hZMsFgs2g87ojs3txw0Rx8iz6Nf/E3UoHUwTqpkSCWd3Hsnc9gMOY9+wl6+/Ycleh1sw==",
- "requires": {}
+ "integrity": "sha512-VMRWyOmrV+DaEFPgP3hZMsFgs2g87ojs3txw0Rx8iz6Nf/E3UoHUwTqpkSCWd3Hsnc9gMOY9+wl6+/Ycleh1sw=="
},
"@svgr/babel-plugin-transform-svg-component": {
"version": "6.5.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-6.5.0.tgz",
- "integrity": "sha512-b67Ul3SelaqvGEEG/1B3VJ03KUtGFgRQjRLCCjdttMQLcYa9l/izQFEclNFx53pNqhijUMNKHPhGMY/CWGVKig==",
- "requires": {}
+ "integrity": "sha512-b67Ul3SelaqvGEEG/1B3VJ03KUtGFgRQjRLCCjdttMQLcYa9l/izQFEclNFx53pNqhijUMNKHPhGMY/CWGVKig=="
},
"@svgr/babel-preset": {
"version": "6.5.0",
@@ -11607,9 +12378,9 @@
}
},
"@swc/helpers": {
- "version": "0.4.11",
- "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.11.tgz",
- "integrity": "sha512-rEUrBSGIoSFuYxwBYtlUFMlE2CwGhmW+w9355/5oduSw8e5h2+Tj4UrAGNNgP9915++wj5vkQo0UuOBqOAq4nw==",
+ "version": "0.5.1",
+ "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.1.tgz",
+ "integrity": "sha512-sJ902EfIzn1Fa+qYmjdQqh8tPsoxyBz+8yBKC2HKUxyezKJFwPGOn7pv4WY6QuQW//ySQi5lJjA/ZT9sNWWNTg==",
"requires": {
"tslib": "^2.4.0"
}
@@ -11635,28 +12406,6 @@
"@types/ms": "*"
}
},
- "@types/eslint": {
- "version": "8.4.10",
- "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.10.tgz",
- "integrity": "sha512-Sl/HOqN8NKPmhWo2VBEPm0nvHnu2LL3v9vKo8MEq0EtbJ4eVzGPl41VNPvn5E1i5poMk4/XD8UriLHpJvEP/Nw==",
- "dev": true,
- "peer": true,
- "requires": {
- "@types/estree": "*",
- "@types/json-schema": "*"
- }
- },
- "@types/eslint-scope": {
- "version": "3.7.4",
- "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.4.tgz",
- "integrity": "sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==",
- "dev": true,
- "peer": true,
- "requires": {
- "@types/eslint": "*",
- "@types/estree": "*"
- }
- },
"@types/estree": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
@@ -11683,13 +12432,6 @@
"resolved": "https://registry.npmjs.org/@types/js-yaml/-/js-yaml-4.0.5.tgz",
"integrity": "sha512-FhpRzf927MNQdRZP0J5DLIdTXhjLYzeUTmLAu69mnVksLH9CJY3IuSeEgbKUki7GQZm0WqDkGzyxju2EZGD2wA=="
},
- "@types/json-schema": {
- "version": "7.0.11",
- "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
- "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
- "dev": true,
- "peer": true
- },
"@types/json5": {
"version": "0.0.29",
"resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
@@ -11741,6 +12483,12 @@
"integrity": "sha512-3JRwhbjI+cHLAkUorhf8RnqUbFXajvzX4q6fMn5JwkgtuwfYtRQYI3u4V92vI6NJuTsbBQWWh3RZjFsuevyMGQ==",
"dev": true
},
+ "@types/object-path": {
+ "version": "0.11.4",
+ "resolved": "https://registry.npmjs.org/@types/object-path/-/object-path-0.11.4.tgz",
+ "integrity": "sha512-4tgJ1Z3elF/tOMpA8JLVuR9spt9Ynsf7+JjqsQ2IqtiPJtcLoHoXcT6qU4E10cPFqyXX5HDm9QwIzZhBSkLxsw==",
+ "dev": true
+ },
"@types/parse-json": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
@@ -11775,6 +12523,18 @@
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
},
+ "@types/semver": {
+ "version": "7.5.8",
+ "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
+ "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
+ "dev": true
+ },
+ "@types/ua-parser-js": {
+ "version": "0.7.39",
+ "resolved": "https://registry.npmjs.org/@types/ua-parser-js/-/ua-parser-js-0.7.39.tgz",
+ "integrity": "sha512-P/oDfpofrdtF5xw433SPALpdSchtJmY7nsJItf8h3KXqOslkbySh8zq4dSWXH2oTjRvJ5PczVEoCZPow6GicLg==",
+ "dev": true
+ },
"@types/unist": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
@@ -11833,180 +12593,700 @@
"eslint-visitor-keys": "^3.3.0"
}
},
- "@webassemblyjs/ast": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
- "integrity": "sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==",
- "dev": true,
- "peer": true,
- "requires": {
- "@webassemblyjs/helper-numbers": "1.11.1",
- "@webassemblyjs/helper-wasm-bytecode": "1.11.1"
- }
- },
- "@webassemblyjs/floating-point-hex-parser": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz",
- "integrity": "sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==",
- "dev": true,
- "peer": true
- },
- "@webassemblyjs/helper-api-error": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz",
- "integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==",
- "dev": true,
- "peer": true
- },
- "@webassemblyjs/helper-buffer": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz",
- "integrity": "sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==",
- "dev": true,
- "peer": true
- },
- "@webassemblyjs/helper-numbers": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz",
- "integrity": "sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==",
- "dev": true,
- "peer": true,
- "requires": {
- "@webassemblyjs/floating-point-hex-parser": "1.11.1",
- "@webassemblyjs/helper-api-error": "1.11.1",
- "@xtuc/long": "4.2.2"
- }
- },
- "@webassemblyjs/helper-wasm-bytecode": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz",
- "integrity": "sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==",
- "dev": true,
- "peer": true
+ "@wessberg/stringutil": {
+ "version": "1.0.19",
+ "resolved": "https://registry.npmjs.org/@wessberg/stringutil/-/stringutil-1.0.19.tgz",
+ "integrity": "sha512-9AZHVXWlpN8Cn9k5BC/O0Dzb9E9xfEMXzYrNunwvkUTvuK7xgQPVRZpLo+jWCOZ5r8oBa8NIrHuPEu1hzbb6bg==",
+ "dev": true
},
- "@webassemblyjs/helper-wasm-section": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz",
- "integrity": "sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==",
- "dev": true,
- "peer": true,
+ "@zag-js/accordion": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/accordion/-/accordion-0.38.0.tgz",
+ "integrity": "sha512-qovoN5KKX8kj5IH9N3r5GUHksL6Xa45YU0fbCeoDeMd/erObRKHoA7bnM+rfJLIKCifzO53ooWWYOVZaXOmT8Q==",
"requires": {
- "@webassemblyjs/ast": "1.11.1",
- "@webassemblyjs/helper-buffer": "1.11.1",
- "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
- "@webassemblyjs/wasm-gen": "1.11.1"
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
}
},
- "@webassemblyjs/ieee754": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz",
- "integrity": "sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==",
- "dev": true,
- "peer": true,
+ "@zag-js/anatomy": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/anatomy/-/anatomy-0.38.0.tgz",
+ "integrity": "sha512-VlCOnKCOSFOonvZjdGTRwp3D/A9iQd69WQTI8i5G0JwS0lhq5lK/qJ7pJ0+UHnLcqAWEv5eywbpHOLFrSlr7Nw=="
+ },
+ "@zag-js/aria-hidden": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/aria-hidden/-/aria-hidden-0.38.0.tgz",
+ "integrity": "sha512-yPdezG+ucZyaDD7p0jB7B6prtNQGyBJSfWlTyo69W+SFxkSdocdFF/dKjoReDEY6AvCc1ZhxgHVR/sd56F50/A==",
+ "requires": {
+ "@zag-js/dom-query": "0.38.0"
+ }
+ },
+ "@zag-js/auto-resize": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/auto-resize/-/auto-resize-0.38.0.tgz",
+ "integrity": "sha512-wauqOQwz8fAGzD2cHJEgqkCiNejWSq/Qsa7a0DdBX7BOdLyMloF6kc4YFNfQksUHgRaojLFHYJ5sfqzDO06yBQ==",
"requires": {
- "@xtuc/ieee754": "^1.2.0"
+ "@zag-js/dom-query": "0.38.0"
}
},
- "@webassemblyjs/leb128": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.1.tgz",
- "integrity": "sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==",
- "dev": true,
- "peer": true,
- "requires": {
- "@xtuc/long": "4.2.2"
+ "@zag-js/avatar": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/avatar/-/avatar-0.38.0.tgz",
+ "integrity": "sha512-ZJqlwFcEET6OdmFgWPv7YQiYM7CyFTzfEN7wXeourRdkMlgbQvi1V0Ett3LteV2kYtFjFZCmEdxP4VMfOU3w0w==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/mutation-observer": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/carousel": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/carousel/-/carousel-0.38.0.tgz",
+ "integrity": "sha512-5CHRLaD9ZR5aivf1+MwmOYjkGCy8KXWx7XyWiUtlxu8ULJ4mFk6+s3RK12gmPHG7RVX5wPX9xC+2LSuVayXs5w==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/checkbox": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/checkbox/-/checkbox-0.38.0.tgz",
+ "integrity": "sha512-xOjbh35lxffAOyk+JwSxmKCV8wBTPe6O6aknBQkBa7Vd3KCZrgCtf/7fN8BG6cmnVjWmMk5edRt7lvZDHV8IHQ==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "@zag-js/clipboard": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/clipboard/-/clipboard-0.38.0.tgz",
+ "integrity": "sha512-YVWdoPuqzqdy0PXzAd66gqbvFv6qRTe84HaPNXZLBeFiL1OFdH9pl+xoa4Zxx5x4zJFPkOjbcd1jeXu0HMn7Ew==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/collapsible": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/collapsible/-/collapsible-0.38.0.tgz",
+ "integrity": "sha512-3FxPKnCSn/sCilKziVXEjrOCeVvPQ4vp1QOFgBiIlM0yjWxsqLv0uMWrFVh6rgc0dKfyVtKEJQgI1oYKwuwjjg==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/collection": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/collection/-/collection-0.38.0.tgz",
+ "integrity": "sha512-q+Y5MhmcbD4FlZSiWuqAXrc8EWziyVAD5LWd8mUI9ljMs0xsLCYSU14B1XkRx2e4FQ8Mi2C6n3lP+sHpa9/eLw=="
+ },
+ "@zag-js/color-picker": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/color-picker/-/color-picker-0.38.0.tgz",
+ "integrity": "sha512-s6RFvnkjEeZdr6q/bDLUVuNSbJrfc0HnPf6EqJ53dISCV3rQf3LCx9rCyBJvyiM+/iay/rB2UEVlSteF2GVHtQ==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/color-utils": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/tabbable": "0.38.0",
+ "@zag-js/text-selection": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "@zag-js/color-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/color-utils/-/color-utils-0.38.0.tgz",
+ "integrity": "sha512-lGZ5HDvQKLuMsXdRXzWr3p01zyL8Go7j82yVKNijFOj+2E4HoxQXgU5Tq393kt9DXONYkurISW+AWEUr+gM17Q==",
+ "requires": {
+ "@zag-js/numeric-range": "0.38.0"
+ }
+ },
+ "@zag-js/combobox": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/combobox/-/combobox-0.38.0.tgz",
+ "integrity": "sha512-MT+KMH6FAGvlWeKPck/SLV26dxxrGWGvHQoIPZtJyJoUjPdw8vuw7QvUF7YTx+bUoQwDL0nn3EBYJpGPSAJ7/Q==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/aria-hidden": "0.38.0",
+ "@zag-js/collection": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/mutation-observer": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/core": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/core/-/core-0.38.0.tgz",
+ "integrity": "sha512-+S5qKvIPiG4CBNFaVSwdUBViiU96cZPzkUttPhl+qP3Xk7HqBV6vL48PhP01nBXfcpmW0nk8FDX1S9PleWm0oQ==",
+ "requires": {
+ "@zag-js/store": "0.38.0",
+ "klona": "2.0.6"
+ }
+ },
+ "@zag-js/date-picker": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/date-picker/-/date-picker-0.38.0.tgz",
+ "integrity": "sha512-FMRnG1IHq7fOElXUGhC32hd09r7XcZ1RBJQsCd4/aJYipNyGJzMVHea/PaUo6iayhuBQ8vHsDDv5WiEWQrYimw==",
+ "requires": {
+ "@internationalized/date": "3.5.2",
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/date-utils": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/live-region": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/text-selection": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/date-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/date-utils/-/date-utils-0.38.0.tgz",
+ "integrity": "sha512-H6dR/HcFEJTATKDc19YRg6fabpF26DbCI1o0YmuclKY68jF9XWfbeAwjyr/V71DjB2QHzvODALWWSbNLDKxQDg=="
+ },
+ "@zag-js/dialog": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/dialog/-/dialog-0.38.0.tgz",
+ "integrity": "sha512-DcaEM8VWCVHAdv73y9ez4Sb1RuVMXYWYP/5K3SAeo6QCQVVuBg5pQXnkCqmGLnyE3Rf1wta8dRggu6N3Gghqrw==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/aria-hidden": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/remove-scroll": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "focus-trap": "7.5.4"
+ }
+ },
+ "@zag-js/dismissable": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/dismissable/-/dismissable-0.38.0.tgz",
+ "integrity": "sha512-4Ipp68QxFmrBeXuLjPpIx7uBrBjhqv3aQFWIvzuEbxVzq3o7afVEMVLlix54EIjkOLmdyW7O20pfTyPBO4lS8w==",
+ "requires": {
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/interact-outside": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/dom-event": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/dom-event/-/dom-event-0.38.0.tgz",
+ "integrity": "sha512-YQk23fCV8nLpvYP2G/pzQcggPzfLOkBAmXuGJvvJk7M5fkd3f5I+SSS6XNlWJ//+o1JkiMYQEezVDl7WXM+ITA==",
+ "requires": {
+ "@zag-js/text-selection": "0.38.0",
+ "@zag-js/types": "0.38.0"
}
},
- "@webassemblyjs/utf8": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.1.tgz",
- "integrity": "sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==",
- "dev": true,
- "peer": true
- },
- "@webassemblyjs/wasm-edit": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz",
- "integrity": "sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==",
- "dev": true,
- "peer": true,
+ "@zag-js/dom-query": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/dom-query/-/dom-query-0.38.0.tgz",
+ "integrity": "sha512-po1HqrEtP9ZfVKHbUzqK4jfHipQVdsfw84B5pnqPo/aPcsZnyzWgHmWE31yRZERmtTZdG6YTlOZdlZ/gQz0FfA=="
+ },
+ "@zag-js/editable": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/editable/-/editable-0.38.0.tgz",
+ "integrity": "sha512-omOyINSgPX92E5D3RBexMyRvjLa4Zq5UUppG3FlA3kEi6DSU4hEj661vnVwc4ihhyWgWZh6KSKDE2m9fd6KEsA==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/interact-outside": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/element-rect": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/element-rect/-/element-rect-0.38.0.tgz",
+ "integrity": "sha512-Oi19Yhbos+XXxR/CTCs+EhvTcYZ1AKk2EtGzDzJTUzKf+qtl3ki6Ptfam/jZxIy2M59/vv70NpW7fPZOFNAmtw=="
+ },
+ "@zag-js/element-size": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/element-size/-/element-size-0.38.0.tgz",
+ "integrity": "sha512-flOrHUK732FlU2Q5e5YdH42HxHg727uVmsez95ua97OG/Whsh87qLZRC20RQrqtC061lKOHkBi6LuQlhGxT9Gw=="
+ },
+ "@zag-js/file-upload": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/file-upload/-/file-upload-0.38.0.tgz",
+ "integrity": "sha512-7XwD9yhTgkLrn/MCgLCcyGfJ/PjAJt5C1Wy7PoKEz3RkAyaT2Vs0qqg8OE2NbtL7pdE/mFzirtCGr2qgZ9JYHg==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/file-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "@zag-js/file-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/file-utils/-/file-utils-0.38.0.tgz",
+ "integrity": "sha512-WwZOqk9G+/DhDuvgQaNJuruTY4C0bc31obc1d1xDBvvH9aIl/mg99idAMrNc7bK+nMQSEVtKA5oMt5EobKqR1g==",
+ "requires": {
+ "@zag-js/i18n-utils": "0.38.0"
+ }
+ },
+ "@zag-js/form-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/form-utils/-/form-utils-0.38.0.tgz",
+ "integrity": "sha512-2ziHvspfZ6Ft63AODo/0rkHxNrp37vOjbC+aV7L2r+pCCRnen5G+rzZuq2gwdyaOHeqYLlZSjDfSYbrI3Wfbkw==",
+ "requires": {
+ "@zag-js/mutation-observer": "0.38.0"
+ }
+ },
+ "@zag-js/hover-card": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/hover-card/-/hover-card-0.38.0.tgz",
+ "integrity": "sha512-tH6YQqYUwo2LAzpAb7oplMGB/K3teVZ+oL3xmq2kTXCtwVQTzHkxjopaywxljMCBmg+2E5OV26tzIrJFIAgxNg==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/i18n-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/i18n-utils/-/i18n-utils-0.38.0.tgz",
+ "integrity": "sha512-uLe6rA3n5MBKz1oGN1cdWHhFN2MU+HAXXpYuSGlUpHrQmjvAl0TxcOcBNz7qd9AwOoR8v7pGyt3OQnG0LC0PQA==",
"requires": {
- "@webassemblyjs/ast": "1.11.1",
- "@webassemblyjs/helper-buffer": "1.11.1",
- "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
- "@webassemblyjs/helper-wasm-section": "1.11.1",
- "@webassemblyjs/wasm-gen": "1.11.1",
- "@webassemblyjs/wasm-opt": "1.11.1",
- "@webassemblyjs/wasm-parser": "1.11.1",
- "@webassemblyjs/wast-printer": "1.11.1"
+ "@zag-js/dom-query": "0.38.0"
+ }
+ },
+ "@zag-js/interact-outside": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/interact-outside/-/interact-outside-0.38.0.tgz",
+ "integrity": "sha512-9T2sPrgC9zCqS6y+2UlmVLAhFS3Qx/hFMCNAI7IlGFFI8z77NP6lQUaSuLAPqy3B9eG0fUFrBDh/rgBIPnBUDA==",
+ "requires": {
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/tabbable": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/live-region": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/live-region/-/live-region-0.38.0.tgz",
+ "integrity": "sha512-ktxJQxOomwUzfzFiwa6OFrV390kKQwHQV485SK5TV24/FNj9ogDlLwwhqzQ7PIHPxS/6JAUVUeW2POcgE6bDqw==",
+ "requires": {
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "@zag-js/menu": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/menu/-/menu-0.38.0.tgz",
+ "integrity": "sha512-t0AcniH63zYqfWPnMOHTyJO7cc7uVSszDFZCJUEocO5EWQp0DnUVcdqXwUZNe+nIUvAjWMLdNDkCU3P74aMSMw==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/mutation-observer": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/rect-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/mutation-observer": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/mutation-observer/-/mutation-observer-0.38.0.tgz",
+ "integrity": "sha512-S8K3SQwEFPXHYTvn26zpeVl2RmmCmtqUFR0vHWkXyhpB3f+MmCQIk7UmO+6VtZLEBOew9FYfBgEfeuCzl+jgVQ=="
+ },
+ "@zag-js/number-input": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/number-input/-/number-input-0.38.0.tgz",
+ "integrity": "sha512-tqnUP8Ww9fiLx5jOrirEcceOrspTA23iElvbZsvuB7fCgW2GUSPBeWkn074dyscZQ2JbZgrJVH40MU8l67D9ug==",
+ "requires": {
+ "@internationalized/number": "3.5.1",
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/mutation-observer": "0.38.0",
+ "@zag-js/number-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/number-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/number-utils/-/number-utils-0.38.0.tgz",
+ "integrity": "sha512-Ao9aq0PTgM6ObcjlvP45yv/8XzSKO6FmRUsz7UOu2AkChhMztrDMvJMErUXMt/uVn+LReTA9Wf9n29WRKk87Kw=="
+ },
+ "@zag-js/numeric-range": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/numeric-range/-/numeric-range-0.38.0.tgz",
+ "integrity": "sha512-Qfe0CQhIPVmmAFPi2ySq83AuXchd4uJvcDnQAeKZK9oVqLX8ol3ZOL5iv2ugYtHA1WoQftbNwGx7Zs4/JUWqvQ=="
+ },
+ "@zag-js/pagination": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/pagination/-/pagination-0.38.0.tgz",
+ "integrity": "sha512-C9xduN6G5ewXugRU4pijtTibSBhOY3IXf/BuFewiPTrxXLAGtxl8UyLJ+8MrlOjMAQgxLT3Q5bbVOUjy2nVdtA==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/pin-input": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/pin-input/-/pin-input-0.38.0.tgz",
+ "integrity": "sha512-2884vhtGw4jAveNCQjpkhhQgWdDj7DU0WpgIml21Gqxx4QjesG5ebBpSG3lft1cGiP0JnhVnARY6EbhP+t/Lyw==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "@zag-js/popover": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/popover/-/popover-0.38.0.tgz",
+ "integrity": "sha512-KJG/Ftiluk0Pkf46+Vzx2YXzpi+0tX5QFBc1Ok+uVF4b9iSy9x3WCvj7mwoqVyFBE7w4+o6JKGpD9baXqt3wtw==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/aria-hidden": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/remove-scroll": "0.38.0",
+ "@zag-js/tabbable": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "focus-trap": "7.5.4"
+ }
+ },
+ "@zag-js/popper": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/popper/-/popper-0.38.0.tgz",
+ "integrity": "sha512-6xpG+mvfUJqVapu3LpRdAUuFwsqhVXLOQaBmQYntt6iiFd1+zJxkXW8o176BC2LG5IB8783GZE4+BY1/DB3sDA==",
+ "requires": {
+ "@floating-ui/dom": "1.6.3",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/presence": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/presence/-/presence-0.38.0.tgz",
+ "integrity": "sha512-Rio2mqo98+o0olxzG4MffFizFQRHJzL/HL6AFRi2G0u2HdGTHDGIMfACYGPLrq2JmBW+wIbO37A3KHiSYtfdtw==",
+ "requires": {
+ "@zag-js/core": "0.38.0",
+ "@zag-js/types": "0.38.0"
+ }
+ },
+ "@zag-js/progress": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/progress/-/progress-0.38.0.tgz",
+ "integrity": "sha512-7Qzuen0iP9hNRlStgUvuLGdJyx+Sz4vCoGaZkF3cYXyEpEd2rKYFct35cze3oXdg5+ZutbDoKbIZ08xsDtxhag==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/radio-group": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/radio-group/-/radio-group-0.38.0.tgz",
+ "integrity": "sha512-GISABuxOKTu48o5SzxJknc5p0ViB3TeOmkg76/aZaNlWMkURgQ9cvxIR5meXiIISpVsyAtIvOMoCXzmFxvoOmA==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/element-rect": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "@zag-js/rating-group": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/rating-group/-/rating-group-0.38.0.tgz",
+ "integrity": "sha512-ToaNzSU8tnDHfPJSHM5Y1o7w6MSq9N1qRCg/4G24orES0rG0qDhJvRKQdqqY08ZWTetCZcHNvPbUyQPzi91fTQ==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/react": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/react/-/react-0.38.0.tgz",
+ "integrity": "sha512-w0epVxXasralAVCWfC2KtQxxSebhhh0R2Cu1PYxU9M2pDsA8zg67Q4w8HyGR1zVKqbn4VXPZbEZZiyLQHOaZPQ==",
+ "requires": {
+ "@zag-js/core": "0.38.0",
+ "@zag-js/store": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "proxy-compare": "2.6.0"
+ }
+ },
+ "@zag-js/rect-utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/rect-utils/-/rect-utils-0.38.0.tgz",
+ "integrity": "sha512-GUabczevwHrCP1fm56otvkushDH8WblXvKrNNSAVyJ1E7r81gsjsoD/aCnIZZ4RabQKrifqDekMfjYMbrRtFkw=="
+ },
+ "@zag-js/remove-scroll": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/remove-scroll/-/remove-scroll-0.38.0.tgz",
+ "integrity": "sha512-JFcgj0QfUrT/POw/+V2LxuvnUjzLBP7TmCTmuGychEzWOalxxuuStTMa27nBDvgYp4eRNgIP+jjn8Fz3O+UW2g==",
+ "requires": {
+ "@zag-js/dom-query": "0.38.0"
+ }
+ },
+ "@zag-js/select": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/select/-/select-0.38.0.tgz",
+ "integrity": "sha512-dQb6gLyPU5dN1qYdMESX5CDgWZurmukE36I7A5r3rQ0/OkP3dhpTY1eqWJeaDg9lxGEcWnERpFiLelxxKc/RLg==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/collection": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dismissable": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/mutation-observer": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/tabbable": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "@zag-js/slider": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/slider/-/slider-0.38.0.tgz",
+ "integrity": "sha512-D11+GZSGrYQpVSmcM2m2CVGOFk+TKDQL+USxfgY0vHp7fIEBuHbRYM/QPFRtcrCRAMx7y6UqZbxAUy7oqhoklQ==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/element-size": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/numeric-range": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/splitter": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/splitter/-/splitter-0.38.0.tgz",
+ "integrity": "sha512-eeCA+I6hbMvU/Kid0Ea4psfLux/9/UzW3tcVv0t7zH3+6EFOEV6B/TSPzxOqWQpgKvo94ejxpmRTsUKRlhejOQ==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/number-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/store": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/store/-/store-0.38.0.tgz",
+ "integrity": "sha512-XbGfCxOeRLKqSAKsTOdPW8II+aAcLmyaIEDElWPr+Xt6IicANDi/CvksiiuzFiMutxowJzhXOrfIT7A093D2vQ==",
+ "requires": {
+ "proxy-compare": "2.6.0"
+ }
+ },
+ "@zag-js/switch": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/switch/-/switch-0.38.0.tgz",
+ "integrity": "sha512-2N/2nT5V62JGPvwcsK7mKmsgT2ZiSX8Gt2+zOMY6vuS5SZJnHvI9TxsMP2XuJto9mskFBIdm/Z+27IvM6sPcbg==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0",
+ "@zag-js/visually-hidden": "0.38.0"
+ }
+ },
+ "@zag-js/tabbable": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/tabbable/-/tabbable-0.38.0.tgz",
+ "integrity": "sha512-hIe0HKBvFV6IJQlZPyPPRMD7v4r8jJ0Hn3ZpMXoYwyRmH0Cfuha03SoLOsqeAQvLAa+EJDSU8UDUCnVrNtHASQ==",
+ "requires": {
+ "@zag-js/dom-query": "0.38.0"
+ }
+ },
+ "@zag-js/tabs": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/tabs/-/tabs-0.38.0.tgz",
+ "integrity": "sha512-KYXO8uUeikFiwdGPHxNZg5lWn7z564WKHj4PjBV2iU0H2Itc4313xePbxAA0/rTlEQrIbYutqhAPp65bCa5OVw==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/element-rect": "0.38.0",
+ "@zag-js/tabbable": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/tags-input": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/tags-input/-/tags-input-0.38.0.tgz",
+ "integrity": "sha512-SNqPiAG2Jzhy+0HNYVINvphgIWkPpFkkldbZfEqBFnYs5kHx/iP4FAWeTB4AtY0yxexSAv0Pj9DrQfewz0xkMA==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/auto-resize": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/form-utils": "0.38.0",
+ "@zag-js/interact-outside": "0.38.0",
+ "@zag-js/live-region": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/text-selection": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/text-selection/-/text-selection-0.38.0.tgz",
+ "integrity": "sha512-etNbRs0g4wgB/HETO0GhRziDIKRdRAEV39P4/zEdFMNBkXCjJgX7xWvWiwXkoCzIBFN2FXTFuwWWA+fBt3XfSQ==",
+ "requires": {
+ "@zag-js/dom-query": "0.38.0"
}
- },
- "@webassemblyjs/wasm-gen": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz",
- "integrity": "sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==",
- "dev": true,
- "peer": true,
- "requires": {
- "@webassemblyjs/ast": "1.11.1",
- "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
- "@webassemblyjs/ieee754": "1.11.1",
- "@webassemblyjs/leb128": "1.11.1",
- "@webassemblyjs/utf8": "1.11.1"
+ },
+ "@zag-js/toast": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/toast/-/toast-0.38.0.tgz",
+ "integrity": "sha512-uCiB5sUuc7/hIZvDR6xcy+fQeE2UJNXpI8i6k/Jg4D1ZYy63iJVm8g9+5mByaPaSVi9Osou/r/A/yIU9qbOSnw==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
}
},
- "@webassemblyjs/wasm-opt": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz",
- "integrity": "sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==",
- "dev": true,
- "peer": true,
+ "@zag-js/toggle-group": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/toggle-group/-/toggle-group-0.38.0.tgz",
+ "integrity": "sha512-9iRMDuUvbQBZ1WzU4sbAC5BhL14Ev5P9AxQSEmexWgV1nJi+vsWEzOrZY+AqoOoeFdg0Ju/c0K0Uk/sLcsKfgA==",
"requires": {
- "@webassemblyjs/ast": "1.11.1",
- "@webassemblyjs/helper-buffer": "1.11.1",
- "@webassemblyjs/wasm-gen": "1.11.1",
- "@webassemblyjs/wasm-parser": "1.11.1"
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
}
},
- "@webassemblyjs/wasm-parser": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz",
- "integrity": "sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==",
- "dev": true,
- "peer": true,
+ "@zag-js/tooltip": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/tooltip/-/tooltip-0.38.0.tgz",
+ "integrity": "sha512-MsgUdozogatPQivWTNINxt1bgx7ndOvxNlG2GuwUwEfMIjZyU4c7SqbhGwVohLJCd6h2056IAM3PxpYZNkXXIg==",
"requires": {
- "@webassemblyjs/ast": "1.11.1",
- "@webassemblyjs/helper-api-error": "1.11.1",
- "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
- "@webassemblyjs/ieee754": "1.11.1",
- "@webassemblyjs/leb128": "1.11.1",
- "@webassemblyjs/utf8": "1.11.1"
- }
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/popper": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
+ },
+ "@zag-js/tree-view": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/tree-view/-/tree-view-0.38.0.tgz",
+ "integrity": "sha512-N2vOKIZ4NNT4YbkfcywrpOZ4RFX2qQWUkcMGmE936LhWBM/NDHlJ6Wub7UcUcSUkKyQnaAeslJ8zrr1/xMCpgA==",
+ "requires": {
+ "@zag-js/anatomy": "0.38.0",
+ "@zag-js/core": "0.38.0",
+ "@zag-js/dom-event": "0.38.0",
+ "@zag-js/dom-query": "0.38.0",
+ "@zag-js/mutation-observer": "0.38.0",
+ "@zag-js/types": "0.38.0",
+ "@zag-js/utils": "0.38.0"
+ }
},
- "@webassemblyjs/wast-printer": {
- "version": "1.11.1",
- "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz",
- "integrity": "sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==",
- "dev": true,
- "peer": true,
+ "@zag-js/types": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/types/-/types-0.38.0.tgz",
+ "integrity": "sha512-PaLqLOWSFlnqwyavLuycasx/dFKzbbcoCB/FcDbKPe88ysCZtRPxeUA/Yn8N1roPnF/gvkwCSTO43+VA6cKspA==",
"requires": {
- "@webassemblyjs/ast": "1.11.1",
- "@xtuc/long": "4.2.2"
- }
- },
- "@xtuc/ieee754": {
- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
- "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
- "dev": true,
- "peer": true
- },
- "@xtuc/long": {
- "version": "4.2.2",
- "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
- "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
- "dev": true,
- "peer": true
+ "csstype": "3.1.3"
+ }
+ },
+ "@zag-js/utils": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/utils/-/utils-0.38.0.tgz",
+ "integrity": "sha512-u37JTfpbAYtvHwLbHVIRBuzM3+FWDX32Vsyt3LJQ+1GW69BXtWz2zDRVru3xMZ7XGsXlnGxD8xNIjYxOJCJePA=="
+ },
+ "@zag-js/visually-hidden": {
+ "version": "0.38.0",
+ "resolved": "https://registry.npmjs.org/@zag-js/visually-hidden/-/visually-hidden-0.38.0.tgz",
+ "integrity": "sha512-yOpGmd+4Y2xSzmbTpip9XtJadZmxcW8VYGDPkMKKzDClFxqUcGDh501DT5amJ+iLL+onqhzggvUJJxl7KzV7+g=="
},
"accepts": {
"version": "1.3.8",
@@ -12022,19 +13302,10 @@
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.1.tgz",
"integrity": "sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA=="
},
- "acorn-import-assertions": {
- "version": "1.8.0",
- "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
- "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
- "dev": true,
- "peer": true,
- "requires": {}
- },
"acorn-jsx": {
"version": "5.3.2",
"resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
- "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
- "requires": {}
+ "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
},
"ajv": {
"version": "6.12.6",
@@ -12048,13 +13319,11 @@
"uri-js": "^4.2.2"
}
},
- "ajv-keywords": {
- "version": "3.5.2",
- "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
- "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
- "dev": true,
- "peer": true,
- "requires": {}
+ "ansi-colors": {
+ "version": "4.1.3",
+ "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+ "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
+ "dev": true
},
"ansi-regex": {
"version": "5.0.1",
@@ -12284,14 +13553,32 @@
}
},
"browserslist": {
- "version": "4.21.4",
- "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
- "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
+ "version": "4.23.2",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.2.tgz",
+ "integrity": "sha512-qkqSyistMYdxAcw+CzbZwlBy8AGmS/eEWs+sEV5TnLRGDOL+C5M2EnH6tlZyg0YoAxGJAFKh61En9BR941GnHA==",
+ "requires": {
+ "caniuse-lite": "^1.0.30001640",
+ "electron-to-chromium": "^1.4.820",
+ "node-releases": "^2.0.14",
+ "update-browserslist-db": "^1.1.0"
+ }
+ },
+ "browserslist-generator": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/browserslist-generator/-/browserslist-generator-2.1.0.tgz",
+ "integrity": "sha512-ZFz4mAOgqm0cbwKaZsfJbYDbTXGoPANlte7qRsRJOfjB9KmmISQrXJxAVrnXG8C8v/QHNzXyeJt0Cfcks6zZvQ==",
+ "dev": true,
"requires": {
- "caniuse-lite": "^1.0.30001400",
- "electron-to-chromium": "^1.4.251",
- "node-releases": "^2.0.6",
- "update-browserslist-db": "^1.0.9"
+ "@mdn/browser-compat-data": "^5.3.7",
+ "@types/object-path": "^0.11.1",
+ "@types/semver": "^7.5.0",
+ "@types/ua-parser-js": "^0.7.36",
+ "browserslist": "^4.21.10",
+ "caniuse-lite": "^1.0.30001518",
+ "isbot": "^3.6.13",
+ "object-path": "^0.11.8",
+ "semver": "^7.5.4",
+ "ua-parser-js": "^1.0.35"
}
},
"buffer": {
@@ -12303,12 +13590,13 @@
"ieee754": "^1.1.13"
}
},
- "buffer-from": {
- "version": "1.1.2",
- "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
- "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
- "dev": true,
- "peer": true
+ "busboy": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+ "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+ "requires": {
+ "streamsearch": "^1.1.0"
+ }
},
"bytes": {
"version": "3.1.2",
@@ -12335,9 +13623,9 @@
"integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA=="
},
"caniuse-lite": {
- "version": "1.0.30001425",
- "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001425.tgz",
- "integrity": "sha512-/pzFv0OmNG6W0ym80P3NtapU0QEiDS3VuYAZMGoLLqiC7f6FJFe1MjpQDREGApeenD9wloeytmVDj+JLXPC6qw=="
+ "version": "1.0.30001642",
+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001642.tgz",
+ "integrity": "sha512-3XQ0DoRgLijXJErLSl+bLnJ+Et4KqV1PY6JJBGAFlsNsz31zeAIncyeZfLCabHK/jtSh+671RM9YMldxjUPZtA=="
},
"ccount": {
"version": "2.0.1",
@@ -12403,13 +13691,6 @@
"resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
"integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg=="
},
- "chrome-trace-event": {
- "version": "1.0.3",
- "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
- "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
- "dev": true,
- "peer": true
- },
"classnames": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
@@ -12469,6 +13750,15 @@
"resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
"integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="
},
+ "compatfactory": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/compatfactory/-/compatfactory-3.0.0.tgz",
+ "integrity": "sha512-WD5kF7koPwVoyKL8p0LlrmIZtilrD46sQStyzzxzTFinMKN2Dxk1hN+sddLSQU1mGIZvQfU8c+ONSghvvM40jg==",
+ "dev": true,
+ "requires": {
+ "helpertypes": "^0.0.19"
+ }
+ },
"concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -12540,6 +13830,23 @@
"which": "^2.0.1"
}
},
+ "crosspath": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/crosspath/-/crosspath-2.0.0.tgz",
+ "integrity": "sha512-ju88BYCQ2uvjO2bR+SsgLSTwTSctU+6Vp2ePbKPgSCZyy4MWZxYsT738DlKVRE5utUjobjPRm1MkTYKJxCmpTA==",
+ "dev": true,
+ "requires": {
+ "@types/node": "^17.0.36"
+ },
+ "dependencies": {
+ "@types/node": {
+ "version": "17.0.45",
+ "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.45.tgz",
+ "integrity": "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==",
+ "dev": true
+ }
+ }
+ },
"css-select": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
@@ -12575,9 +13882,9 @@
}
},
"csstype": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
- "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw=="
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+ "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
},
"damerau-levenshtein": {
"version": "1.0.8",
@@ -12724,9 +14031,9 @@
"integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
},
"electron-to-chromium": {
- "version": "1.4.284",
- "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz",
- "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA=="
+ "version": "1.4.827",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.827.tgz",
+ "integrity": "sha512-VY+J0e4SFcNfQy19MEoMdaIcZLmDCprqvBtkii1WTCTQHpRvf5N8+3kTYCgL/PcntvwQvmMJWTuDPsq+IlhWKQ=="
},
"emoji-regex": {
"version": "9.2.2",
@@ -12747,17 +14054,6 @@
"once": "^1.4.0"
}
},
- "enhanced-resolve": {
- "version": "5.12.0",
- "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz",
- "integrity": "sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==",
- "dev": true,
- "peer": true,
- "requires": {
- "graceful-fs": "^4.2.4",
- "tapable": "^2.2.0"
- }
- },
"entities": {
"version": "4.4.0",
"resolved": "https://registry.npmjs.org/entities/-/entities-4.4.0.tgz",
@@ -12803,13 +14099,6 @@
"unbox-primitive": "^1.0.2"
}
},
- "es-module-lexer": {
- "version": "0.9.3",
- "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
- "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
- "dev": true,
- "peer": true
- },
"es-shim-unscopables": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
@@ -12831,9 +14120,9 @@
}
},
"escalade": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
- "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw=="
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
+ "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA=="
},
"escape-html": {
"version": "1.0.3",
@@ -13207,8 +14496,7 @@
"version": "4.6.0",
"resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
"integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
- "dev": true,
- "requires": {}
+ "dev": true
},
"eslint-scope": {
"version": "7.1.1",
@@ -13347,13 +14635,6 @@
"resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
"integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg=="
},
- "events": {
- "version": "3.3.0",
- "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
- "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
- "dev": true,
- "peer": true
- },
"expand-template": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
@@ -13548,6 +14829,14 @@
"integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
"dev": true
},
+ "focus-trap": {
+ "version": "7.5.4",
+ "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.5.4.tgz",
+ "integrity": "sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==",
+ "requires": {
+ "tabbable": "^6.2.0"
+ }
+ },
"forwarded": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -13702,9 +14991,7 @@
"glob-to-regexp": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
- "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
- "dev": true,
- "peer": true
+ "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
},
"globals": {
"version": "13.17.0",
@@ -13732,9 +15019,7 @@
"graceful-fs": {
"version": "4.2.10",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
- "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
- "dev": true,
- "peer": true
+ "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
},
"grapheme-splitter": {
"version": "1.0.4",
@@ -13871,6 +15156,12 @@
"resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-2.0.0.tgz",
"integrity": "sha512-Pkw+xBHuV6xFeJprJe2BBEoDV+AvQySaz3pPDRUs5PNZEMQjpXJJueqrpcHIXxnWTcAGi/UOCgVShlkY6kLoqg=="
},
+ "helpertypes": {
+ "version": "0.0.19",
+ "resolved": "https://registry.npmjs.org/helpertypes/-/helpertypes-0.0.19.tgz",
+ "integrity": "sha512-J00e55zffgi3yVnUp0UdbMztNkr2PnizEkOe9URNohnrNhW5X0QpegkuLpOmFQInpi93Nb8MCjQRHAiCDF42NQ==",
+ "dev": true
+ },
"hey-listen": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
@@ -14163,36 +15454,18 @@
"call-bind": "^1.0.2"
}
},
+ "isbot": {
+ "version": "3.8.0",
+ "resolved": "https://registry.npmjs.org/isbot/-/isbot-3.8.0.tgz",
+ "integrity": "sha512-vne1mzQUTR+qsMLeCBL9+/tgnDXRyc2pygLGl/WsgA+EZKIiB5Ehu0CiVTHIIk30zhJ24uGz4M5Ppse37aR0Hg==",
+ "dev": true
+ },
"isexe": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
"dev": true
},
- "jest-worker": {
- "version": "27.5.1",
- "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
- "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
- "dev": true,
- "peer": true,
- "requires": {
- "@types/node": "*",
- "merge-stream": "^2.0.0",
- "supports-color": "^8.0.0"
- },
- "dependencies": {
- "supports-color": {
- "version": "8.1.1",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
- "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
- "dev": true,
- "peer": true,
- "requires": {
- "has-flag": "^4.0.0"
- }
- }
- }
- },
"js-sdsl": {
"version": "4.1.5",
"resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.5.tgz",
@@ -14268,6 +15541,11 @@
"resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
"integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ=="
},
+ "klona": {
+ "version": "2.0.6",
+ "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz",
+ "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA=="
+ },
"language-subtag-registry": {
"version": "0.3.22",
"resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
@@ -14298,13 +15576,6 @@
"resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
"integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
},
- "loader-runner": {
- "version": "4.3.0",
- "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
- "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
- "dev": true,
- "peer": true
- },
"locate-path": {
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -14348,12 +15619,21 @@
"js-tokens": "^3.0.0 || ^4.0.0"
}
},
- "lru-cache": {
- "version": "6.0.0",
- "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
- "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+ "magic-string": {
+ "version": "0.30.10",
+ "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
+ "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
+ "dev": true,
"requires": {
- "yallist": "^4.0.0"
+ "@jridgewell/sourcemap-codec": "^1.4.15"
+ },
+ "dependencies": {
+ "@jridgewell/sourcemap-codec": {
+ "version": "1.5.0",
+ "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+ "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+ "dev": true
+ }
}
},
"markdown-extensions": {
@@ -14577,13 +15857,6 @@
"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
"integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
},
- "merge-stream": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
- "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
- "dev": true,
- "peer": true
- },
"merge2": {
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -15073,37 +16346,28 @@
"resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
"integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg=="
},
- "neo-async": {
- "version": "2.6.2",
- "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
- "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
- "dev": true,
- "peer": true
- },
"next": {
- "version": "13.0.0",
- "resolved": "https://registry.npmjs.org/next/-/next-13.0.0.tgz",
- "integrity": "sha512-puH1WGM6rGeFOoFdXXYfUxN9Sgi4LMytCV5HkQJvVUOhHfC1DoVqOfvzaEteyp6P04IW+gbtK2Q9pInVSrltPA==",
- "requires": {
- "@next/env": "13.0.0",
- "@next/swc-android-arm-eabi": "13.0.0",
- "@next/swc-android-arm64": "13.0.0",
- "@next/swc-darwin-arm64": "13.0.0",
- "@next/swc-darwin-x64": "13.0.0",
- "@next/swc-freebsd-x64": "13.0.0",
- "@next/swc-linux-arm-gnueabihf": "13.0.0",
- "@next/swc-linux-arm64-gnu": "13.0.0",
- "@next/swc-linux-arm64-musl": "13.0.0",
- "@next/swc-linux-x64-gnu": "13.0.0",
- "@next/swc-linux-x64-musl": "13.0.0",
- "@next/swc-win32-arm64-msvc": "13.0.0",
- "@next/swc-win32-ia32-msvc": "13.0.0",
- "@next/swc-win32-x64-msvc": "13.0.0",
- "@swc/helpers": "0.4.11",
+ "version": "13.4.7",
+ "resolved": "https://registry.npmjs.org/next/-/next-13.4.7.tgz",
+ "integrity": "sha512-M8z3k9VmG51SRT6v5uDKdJXcAqLzP3C+vaKfLIAM0Mhx1um1G7MDnO63+m52qPdZfrTFzMZNzfsgvm3ghuVHIQ==",
+ "requires": {
+ "@next/env": "13.4.7",
+ "@next/swc-darwin-arm64": "13.4.7",
+ "@next/swc-darwin-x64": "13.4.7",
+ "@next/swc-linux-arm64-gnu": "13.4.7",
+ "@next/swc-linux-arm64-musl": "13.4.7",
+ "@next/swc-linux-x64-gnu": "13.4.7",
+ "@next/swc-linux-x64-musl": "13.4.7",
+ "@next/swc-win32-arm64-msvc": "13.4.7",
+ "@next/swc-win32-ia32-msvc": "13.4.7",
+ "@next/swc-win32-x64-msvc": "13.4.7",
+ "@swc/helpers": "0.5.1",
+ "busboy": "1.6.0",
"caniuse-lite": "^1.0.30001406",
"postcss": "8.4.14",
- "styled-jsx": "5.1.0",
- "use-sync-external-store": "1.2.0"
+ "styled-jsx": "5.1.1",
+ "watchpack": "2.4.0",
+ "zod": "3.21.4"
}
},
"next-image-export-optimizer": {
@@ -15159,9 +16423,9 @@
"integrity": "sha512-CvkDw2OEnme7ybCykJpVcKH+uAOLV2qLqiyla128dN9TkEWfrYmxG6C2boDe5KcNQqZF3orkqzGgOMvZ/JNekA=="
},
"node-releases": {
- "version": "2.0.6",
- "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz",
- "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg=="
+ "version": "2.0.14",
+ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+ "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw=="
},
"normalize-path": {
"version": "3.0.0",
@@ -15193,6 +16457,12 @@
"integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
"dev": true
},
+ "object-path": {
+ "version": "0.11.8",
+ "resolved": "https://registry.npmjs.org/object-path/-/object-path-0.11.8.tgz",
+ "integrity": "sha512-YJjNZrlXJFM42wTBn6zgOJVar9KFJvzx6sTWDte8sWZF//cnjl0BxHNpfZx+ZffXX63A9q0b1zsFiBX4g4X5KA==",
+ "dev": true
+ },
"object.assign": {
"version": "4.1.4",
"resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
@@ -15378,9 +16648,9 @@
}
},
"picocolors": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
- "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+ "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
},
"picomatch": {
"version": "2.3.1",
@@ -15514,8 +16784,7 @@
"prism-react-renderer": {
"version": "1.3.5",
"resolved": "https://registry.npmjs.org/prism-react-renderer/-/prism-react-renderer-1.3.5.tgz",
- "integrity": "sha512-IJ+MSwBWKG+SM3b2SUfdrhC+gu01QkV2KmRQgREThBfSQRoufqRfxfHUxpG1WcaFjP+kojcFyO9Qqtpgt3qLCg==",
- "requires": {}
+ "integrity": "sha512-IJ+MSwBWKG+SM3b2SUfdrhC+gu01QkV2KmRQgREThBfSQRoufqRfxfHUxpG1WcaFjP+kojcFyO9Qqtpgt3qLCg=="
},
"prismjs": {
"version": "1.29.0",
@@ -15547,6 +16816,11 @@
"ipaddr.js": "1.9.1"
}
},
+ "proxy-compare": {
+ "version": "2.6.0",
+ "resolved": "https://registry.npmjs.org/proxy-compare/-/proxy-compare-2.6.0.tgz",
+ "integrity": "sha512-8xuCeM3l8yqdmbPoYeLbrAXCBWu19XEYc5/F28f5qOaoAIMyfmBUkl5axiK+x9olUvRlcekvnm98AP9RDngOIw=="
+ },
"pump": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
@@ -15584,16 +16858,6 @@
"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
"dev": true
},
- "randombytes": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
- "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
- "dev": true,
- "peer": true,
- "requires": {
- "safe-buffer": "^5.1.0"
- }
- },
"range-parser": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
@@ -15844,6 +17108,32 @@
"glob": "^7.1.3"
}
},
+ "rollup-plugin-ts": {
+ "version": "3.4.5",
+ "resolved": "https://registry.npmjs.org/rollup-plugin-ts/-/rollup-plugin-ts-3.4.5.tgz",
+ "integrity": "sha512-9iCstRJpEZXSRQuXitlSZAzcGlrqTbJg1pE4CMbEi6xYldxVncdPyzA2I+j6vnh73wBymZckerS+Q/iEE/M3Ow==",
+ "dev": true,
+ "requires": {
+ "@rollup/pluginutils": "^5.0.2",
+ "@wessberg/stringutil": "^1.0.19",
+ "ansi-colors": "^4.1.3",
+ "browserslist": "^4.21.10",
+ "browserslist-generator": "^2.1.0",
+ "compatfactory": "^3.0.0",
+ "crosspath": "^2.0.0",
+ "magic-string": "^0.30.2",
+ "ts-clone-node": "^3.0.0",
+ "tslib": "^2.6.1"
+ },
+ "dependencies": {
+ "tslib": {
+ "version": "2.6.3",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
+ "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==",
+ "dev": true
+ }
+ }
+ },
"run-parallel": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -15890,18 +17180,6 @@
"loose-envify": "^1.1.0"
}
},
- "schema-utils": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
- "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
- "dev": true,
- "peer": true,
- "requires": {
- "@types/json-schema": "^7.0.8",
- "ajv": "^6.12.5",
- "ajv-keywords": "^3.5.2"
- }
- },
"section-matter": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
@@ -15912,12 +17190,9 @@
}
},
"semver": {
- "version": "7.3.8",
- "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
- "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
- "requires": {
- "lru-cache": "^6.0.0"
- }
+ "version": "7.6.2",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
+ "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w=="
},
"send": {
"version": "0.18.0",
@@ -15961,16 +17236,6 @@
}
}
},
- "serialize-javascript": {
- "version": "6.0.0",
- "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
- "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
- "dev": true,
- "peer": true,
- "requires": {
- "randombytes": "^2.1.0"
- }
- },
"serve-static": {
"version": "1.15.0",
"resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
@@ -16073,17 +17338,6 @@
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
},
- "source-map-support": {
- "version": "0.5.21",
- "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
- "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
- "dev": true,
- "peer": true,
- "requires": {
- "buffer-from": "^1.0.0",
- "source-map": "^0.6.0"
- }
- },
"space-separated-tokens": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.1.tgz",
@@ -16104,6 +17358,11 @@
"resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
"integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ=="
},
+ "streamsearch": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+ "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg=="
+ },
"string_decoder": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
@@ -16219,9 +17478,9 @@
}
},
"styled-jsx": {
- "version": "5.1.0",
- "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.0.tgz",
- "integrity": "sha512-/iHaRJt9U7T+5tp6TRelLnqBqiaIT0HsO0+vgyj8hK2KUk7aejFqRrumqPUlAqDwAj8IbS/1hk3IhBAAK/FCUQ==",
+ "version": "5.1.1",
+ "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+ "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
"requires": {
"client-only": "0.0.1"
}
@@ -16258,12 +17517,10 @@
"stable": "^0.1.8"
}
},
- "tapable": {
- "version": "2.2.1",
- "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
- "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
- "dev": true,
- "peer": true
+ "tabbable": {
+ "version": "6.2.0",
+ "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
+ "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew=="
},
"tar-fs": {
"version": "2.1.1",
@@ -16288,42 +17545,6 @@
"readable-stream": "^3.1.1"
}
},
- "terser": {
- "version": "5.16.1",
- "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.1.tgz",
- "integrity": "sha512-xvQfyfA1ayT0qdK47zskQgRZeWLoOQ8JQ6mIgRGVNwZKdQMU+5FkCBjmv4QjcrTzyZquRw2FVtlJSRUmMKQslw==",
- "dev": true,
- "peer": true,
- "requires": {
- "@jridgewell/source-map": "^0.3.2",
- "acorn": "^8.5.0",
- "commander": "^2.20.0",
- "source-map-support": "~0.5.20"
- },
- "dependencies": {
- "commander": {
- "version": "2.20.3",
- "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
- "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
- "dev": true,
- "peer": true
- }
- }
- },
- "terser-webpack-plugin": {
- "version": "5.3.6",
- "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.6.tgz",
- "integrity": "sha512-kfLFk+PoLUQIbLmB1+PZDMRSZS99Mp+/MHqDNmMA6tOItzRt+Npe3E+fsMs5mfcM0wCtrrdU387UnV+vnSffXQ==",
- "dev": true,
- "peer": true,
- "requires": {
- "@jridgewell/trace-mapping": "^0.3.14",
- "jest-worker": "^27.4.5",
- "schema-utils": "^3.1.1",
- "serialize-javascript": "^6.0.0",
- "terser": "^5.14.1"
- }
- },
"text-table": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -16358,6 +17579,15 @@
"resolved": "https://registry.npmjs.org/trough/-/trough-2.1.0.tgz",
"integrity": "sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g=="
},
+ "ts-clone-node": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/ts-clone-node/-/ts-clone-node-3.0.0.tgz",
+ "integrity": "sha512-egavvyHbIoelkgh1IC2agNB1uMNjB8VJgh0g/cn0bg2XXTcrtjrGMzEk4OD3Fi2hocICjP3vMa56nkzIzq0FRg==",
+ "dev": true,
+ "requires": {
+ "compatfactory": "^3.0.0"
+ }
+ },
"tsconfig-paths": {
"version": "3.14.1",
"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz",
@@ -16429,6 +17659,12 @@
"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz",
"integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ=="
},
+ "ua-parser-js": {
+ "version": "1.0.38",
+ "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.38.tgz",
+ "integrity": "sha512-Aq5ppTOfvrCMgAPneW1HfWj66Xi7XL+/mIy996R1/CLS/rcyJQm6QZdsKrUeivDFQ+Oc9Wyuwor8Ze8peEoUoQ==",
+ "dev": true
+ },
"unbox-primitive": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
@@ -16555,12 +17791,12 @@
"integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ=="
},
"update-browserslist-db": {
- "version": "1.0.10",
- "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz",
- "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==",
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
+ "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==",
"requires": {
- "escalade": "^3.1.1",
- "picocolors": "^1.0.0"
+ "escalade": "^3.1.2",
+ "picocolors": "^1.0.1"
}
},
"uri-js": {
@@ -16572,12 +17808,6 @@
"punycode": "^2.1.0"
}
},
- "use-sync-external-store": {
- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
- "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==",
- "requires": {}
- },
"util-deprecate": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -16647,80 +17877,11 @@
"version": "2.4.0",
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
"integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
- "dev": true,
- "peer": true,
"requires": {
"glob-to-regexp": "^0.4.1",
"graceful-fs": "^4.1.2"
}
},
- "webpack": {
- "version": "5.75.0",
- "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.75.0.tgz",
- "integrity": "sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==",
- "dev": true,
- "peer": true,
- "requires": {
- "@types/eslint-scope": "^3.7.3",
- "@types/estree": "^0.0.51",
- "@webassemblyjs/ast": "1.11.1",
- "@webassemblyjs/wasm-edit": "1.11.1",
- "@webassemblyjs/wasm-parser": "1.11.1",
- "acorn": "^8.7.1",
- "acorn-import-assertions": "^1.7.6",
- "browserslist": "^4.14.5",
- "chrome-trace-event": "^1.0.2",
- "enhanced-resolve": "^5.10.0",
- "es-module-lexer": "^0.9.0",
- "eslint-scope": "5.1.1",
- "events": "^3.2.0",
- "glob-to-regexp": "^0.4.1",
- "graceful-fs": "^4.2.9",
- "json-parse-even-better-errors": "^2.3.1",
- "loader-runner": "^4.2.0",
- "mime-types": "^2.1.27",
- "neo-async": "^2.6.2",
- "schema-utils": "^3.1.0",
- "tapable": "^2.1.1",
- "terser-webpack-plugin": "^5.1.3",
- "watchpack": "^2.4.0",
- "webpack-sources": "^3.2.3"
- },
- "dependencies": {
- "@types/estree": {
- "version": "0.0.51",
- "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz",
- "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==",
- "dev": true,
- "peer": true
- },
- "eslint-scope": {
- "version": "5.1.1",
- "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
- "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
- "dev": true,
- "peer": true,
- "requires": {
- "esrecurse": "^4.3.0",
- "estraverse": "^4.1.1"
- }
- },
- "estraverse": {
- "version": "4.3.0",
- "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
- "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
- "dev": true,
- "peer": true
- }
- }
- },
- "webpack-sources": {
- "version": "3.2.3",
- "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
- "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
- "dev": true,
- "peer": true
- },
"which": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -16754,11 +17915,6 @@
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
},
- "yallist": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
- "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
- },
"yaml": {
"version": "1.10.2",
"resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
@@ -16781,6 +17937,22 @@
"long": "^5.2.0"
}
},
+ "yorkie-ui": {
+ "version": "0.5.32",
+ "resolved": "https://registry.npmjs.org/yorkie-ui/-/yorkie-ui-0.5.32.tgz",
+ "integrity": "sha512-fCAtLVuyuZtlfvjBWFSW0TiVnEDEXMg8UrelD9PShKjCvXOym2G1IgOD2OAMdtmcKsRZ5xquReD8fBxcjUVGHg==",
+ "requires": {
+ "@ark-ui/react": "^2.2.3",
+ "@storybook/addon-console": "^3.0.0",
+ "react": "^18",
+ "react-dom": "^18"
+ }
+ },
+ "zod": {
+ "version": "3.21.4",
+ "resolved": "https://registry.npmjs.org/zod/-/zod-3.21.4.tgz",
+ "integrity": "sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw=="
+ },
"zwitch": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.2.tgz",
diff --git a/package.json b/package.json
index 279e77f..80dcf10 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
"dependencies": {
"@jsdevtools/rehype-toc": "^3.0.2",
"@svgr/webpack": "^6.5.0",
+ "@types/react": "^18",
"classnames": "^2.3.2",
"framer-motion": "^7.6.7",
"gray-matter": "^4.0.3",
@@ -21,7 +22,7 @@
"jwt-decode": "^3.1.2",
"lodash.clonedeep": "^4.5.0",
"minimatch": "^5.1.2",
- "next": "13.0.0",
+ "next": "13.4.7",
"next-image-export-optimizer": "^1.0.1",
"next-mdx-remote": "^4.1.0",
"next-remote-watch": "^2.0.0",
@@ -33,18 +34,19 @@
"rehype-slug": "^5.1.0",
"remark-gfm": "^3.0.1",
"unist-util-visit": "^4.1.1",
- "yorkie-js-sdk": "^0.4.27"
+ "yorkie-js-sdk": "^0.4.27",
+ "yorkie-ui": "^0.5.32"
},
"devDependencies": {
"@mdx-js/loader": "^2.1.5",
"@types/lodash.clonedeep": "^4.5.7",
"@types/minimatch": "^5.1.2",
- "@types/node": "18.11.5",
- "@types/react": "18.0.23",
- "@types/react-dom": "18.0.7",
+ "@types/node": "^18",
+ "@types/react-dom": "^18",
"eslint": "8.26.0",
"eslint-config-next": "13.0.0",
"postcss-path-replace": "^1.0.4",
+ "rollup-plugin-ts": "^3.4.5",
"typescript": "4.8.4"
}
}
diff --git a/pages/404.tsx b/pages/404.tsx
index 52a36bf..d1ad7fa 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -1,55 +1,69 @@
import type { NextPage } from 'next';
import Head from 'next/head';
-import { Button, Icon, Layout } from '@/components';
+import { Layout } from '@/components';
+import { Button, Icon, Box, Heading, Text, Flex, Icons, Container } from 'yorkie-ui';
import Error404SVG from '@/public/assets/icons/error_404.svg';
const Custom404: NextPage = () => {
return (
-
+
Page not found · Yorkie
-
-
404 : not found
-
-
-
-
- Oops! Wait a minute...
- Yorkie ate your request
-
-
- The page you are looking for might be
- removed or is temporarily unavailable.
-
-
- }>
- Back to home
-
- }
- >
- Discord
-
- }
- >
- GitHub
-
-
-
+
+
+
+ 404 : not found
+
+
+
+
+
+
+ Oops! Wait a minute...
+ Yorkie ate your request
+
+
+ The page you are looking for might be
+ removed or is temporarily unavailable.
+
+
+ } />}>
+ Back to home
+
+ }
+ >
+ Discord
+
+ }
+ >
+ GitHub
+
+
+
+
+
);
};
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 93c68f2..34b4c54 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -3,6 +3,7 @@ import type { AppProps } from 'next/app';
import Head from 'next/head';
import Script from 'next/script';
import '@/styles/style.css';
+import 'yorkie-ui/style';
import { prefix } from '@/utils/prefix';
import { ThemeOption, useTheme } from '@/hooks/useTheme';
@@ -10,6 +11,7 @@ function MyApp({ Component, pageProps }: AppProps) {
const { setTheme } = useTheme();
useEffect(() => {
const themeOption = (window.localStorage.getItem('theme') || 'system') as ThemeOption;
+ document.documentElement.setAttribute('data-theme', themeOption);
setTheme(themeOption);
}, [setTheme]);
diff --git a/pages/community.tsx b/pages/community.tsx
index 5222f14..a5c9749 100644
--- a/pages/community.tsx
+++ b/pages/community.tsx
@@ -1,55 +1,80 @@
+'use client';
+
import type { NextPage } from 'next';
import Head from 'next/head';
-import { Button, Icon, Layout } from '@/components';
+import { Layout } from '@/components';
import CommunitySVG from '@/public/assets/icons/community_help.svg';
+import { Button, Box, Heading, Text, Flex, Container, Icons } from 'yorkie-ui';
const Community: NextPage = () => {
return (
-
+
Community · Yorkie
-
-
-
-
-
Join our community
-
- If you have any questions along the way,
- please don’t hesitate to ask us
- through our
-
-
- channels.
- You can sign up for our Discord or
- raise GitHub
- discussions.
-
-
- }
- href="https://discord.gg/MVEAwz9sBy"
- className="gray50"
- as="a"
- outline
- target="_blank"
- rel="noreferrer"
- >
- Discord
-
- }
- href="https://github.com/yorkie-team/dashboard/issues"
- className="gray50"
- as="a"
- outline
- target="_blank"
- rel="noreferrer"
+
+
+
+ Join our community
+
+
- GitHub
-
-
-
+
+
+ If you have any questions along the way,
+ please don’t hesitate to ask us
+ through our
+
+
+ channels.
+ You can sign up for our Discord or
+ raise GitHub
+ discussions.
+
+
+ }
+ className="fillSVG"
+ stroke="neutral.11"
+ href="https://discord.gg/MVEAwz9sBy"
+ as="link"
+ variant="outline"
+ position="start"
+ size="lg"
+ >
+ Discord
+
+ }
+ stroke="neutral.11"
+ className="fillSVG"
+ href="https://github.com/yorkie-team/dashboard/issues"
+ as="link"
+ variant="outline"
+ position="start"
+ size="lg"
+ >
+ GitHub
+
+
+
+
+
+
+
+
+
);
};
diff --git a/pages/docs/[[...slug]].tsx b/pages/docs/[[...slug]].tsx
index bdc9197..da1fdac 100644
--- a/pages/docs/[[...slug]].tsx
+++ b/pages/docs/[[...slug]].tsx
@@ -19,16 +19,48 @@ import rehypeToc, { HtmlElementNode, ListItemNode } from '@jsdevtools/rehype-toc
import rehypeImageMeta from '@/utils/rehypeImageMeta';
import rehypeWrapContents from '@/utils/rehypeWrapContents';
import rehypeVariables from '@/utils/rehypeVariables';
-import { Layout, Navigator, Button, Icon, CodeBlock, CodeBlockHeader, Image } from '@/components';
+import { Grid, GridItem, Container, Heading, Button, Icon, Text } from 'yorkie-ui';
+import { Layout, Navigator, CodeBlock, CodeBlockHeader, Image } from '@/components';
import { CustomLink, CustomCodeBlock, Breadcrumb, Caption, ImageWrap, Alert, Blockquote } from '@/components/docs';
// Custom components/renderers to pass to MDX.
const components: MDXComponents = {
a: CustomLink,
- h3: (props) => ,
- h4: (props) => ,
- h5: (props) => ,
- h6: (props) => ,
+ h1: (props) => (
+
+ {props.children}
+
+ ),
+ h2: (props) => (
+
+ {props.children}
+
+ ),
+ h3: (props) => (
+
+ {props.children}
+
+ ),
+ h4: (props) => (
+
+ {props.children}
+
+ ),
+ h5: (props) => (
+
+ {props.children}
+
+ ),
+ h6: (props) => (
+
+ {props.children}
+
+ ),
+ p: (props) => (
+
+ {props.children}
+
+ ),
Button,
Icon,
pre: (props) => ,
@@ -68,7 +100,6 @@ export default function DocsPage({
});
setHeadingTops(headingTops);
}, [headings]);
-
useEffect(() => {
setHeadings(Array.from(document.querySelectorAll('.documentation_page .heading')));
}, [source]);
diff --git a/pages/examples/calendar.tsx b/pages/examples/calendar.tsx
index 0594e9f..624ef03 100644
--- a/pages/examples/calendar.tsx
+++ b/pages/examples/calendar.tsx
@@ -1,3 +1,5 @@
+'use client';
+
import { NextPage } from 'next';
import Head from 'next/head';
import { ExampleLayout } from '@/components';
diff --git a/pages/examples/codemirror.tsx b/pages/examples/codemirror.tsx
index 59db814..98f3230 100644
--- a/pages/examples/codemirror.tsx
+++ b/pages/examples/codemirror.tsx
@@ -1,3 +1,4 @@
+'use client';
import { NextPage } from 'next';
import Head from 'next/head';
import { ExampleLayout } from '@/components';
diff --git a/pages/examples/index.tsx b/pages/examples/index.tsx
index 2b6eb63..3a96159 100644
--- a/pages/examples/index.tsx
+++ b/pages/examples/index.tsx
@@ -1,250 +1,288 @@
-import { Button, Icon, Layout } from '@/components';
+'use client';
+import { Layout } from '@/components';
+import { Button, Box, Icon, Heading, Text, Flex, Container, Grid, GridItem, Link, Icons } from 'yorkie-ui';
import { ExampleThumbnailImage } from '@/components/exampleView';
import ExampleBannerSVG from '@/public/assets/images/banner/img_example_banner.svg';
import type { NextPage } from 'next';
import Head from 'next/head';
-import Link from 'next/link';
+import React from 'react';
const Examples: NextPage = () => {
return (
-
-
- Examples · Yorkie
-
-
-
-
-
+
+
+
+ Examples · Yorkie
+
+
+
+
Explore examples built by Yorkie
-
-
+
+
Explore our examples and see how Yorkie can help you bring your products to the next level of
collaboration.
-
-
- }
- >
- Start for free
-
-
-
-
+
+ } />}
+ position="start"
+ size="xl"
+ >
+ Start for free
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
- Examples:
- All examples
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Profile Stack
-
Profile stack shows the list of users currently accessing the Document.
-
-
-
-
-
-
-
-
-
-
Kanban Board
-
- Kanban Board is a tool for managing tasks and workflow. It is a visual way to manage tasks and
- workflow.
-
-
-
-
-
-
-
-
-
-
-
TodoMVC
-
- This is an example of real-time collaborative TodoMVC using CreateReactApp and Yorkie JS SDK.
-
-
-
-
-
-
-
-
-
-
-
CodeMirror
-
- This is a real-time collaborative version of the CodeMirror editor. It uses the Text, a custom CRDT
- type from Yorkie.
-
-
-
-
-
-
-
-
-
-
-
tldraw
-
- This is a real-time collaboration example of the tldraw whiteboard editor with CreateReactApp and
- Yorkie JS SDK
-
-
-
-
-
-
-
-
-
-
-
Quill
-
- This demo shows the real-time collaborative version of the Quill editor with Yorkie and Vite.
-
-
-
-
-
-
-
-
-
-
-
Calendar
-
- This demo shows the real-time collaborative version of the Calendar with Yorkie and Next.js.
-
-
-
-
-
-
-
-
-
-
-
Simultaneous Cursors
-
- This demo shows the real-time collaborative version of simple drawing, cursor animation with Yorkie
- and React.
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+ } />
+ All examples
+
+
+
+
+
+
+
+ Profile Stack
+
+
+ Profile stack shows the list of users currently accessing the Document.
+
+
+
+
+
+
+
+
+ TodoMVC
+
+
+ This is an example of real-time collaborative TodoMVC using CreateReactApp and Yorkie JS SDK.
+
+
+
+
+
+
+
+
+ tldraw
+
+
+ This is a real-time collaboration example of the tldraw whiteboard editor with CreateReactApp and
+ Yorkie JS SDK
+
+
+
+
+
+
+
+
+ Calendar
+
+
+ This demo shows the real-time collaborative version of the Calendar with Yorkie and Next.js.
+
+
+
+
+
+
+
+
+
+ Kanban Board
+
+
+ Kanban Board is a tool for managing tasks and workflow. It is a visual way to manage tasks and
+ workflow.
+
+
+
+
+
+
+
+
+ CodeMirror
+
+
+ This is a real-time collaborative version of the CodeMirror editor. It uses the Text, a custom CRDT
+ type from Yorkie.
+
+
+
+
+
+
+
+
+ Quill
+
+
+ This demo shows the real-time collaborative version of the Quill editor with Yorkie and Vite.
+
+
+
+
+
+
+
+
+ Simultaneous Cursors
+
+
+ This demo shows the real-time collaborative version of simple drawing, cursor animation with Yorkie
+ and React.
+
+
+
+
+
+
);
};
diff --git a/pages/examples/kanban.tsx b/pages/examples/kanban.tsx
index 14068c6..921a383 100644
--- a/pages/examples/kanban.tsx
+++ b/pages/examples/kanban.tsx
@@ -1,3 +1,4 @@
+'use client';
import { NextPage } from 'next';
import Head from 'next/head';
import { ExampleLayout, CodeBlock } from '@/components';
diff --git a/pages/examples/multi-cursor.tsx b/pages/examples/multi-cursor.tsx
index 7664a1f..bdc2c83 100644
--- a/pages/examples/multi-cursor.tsx
+++ b/pages/examples/multi-cursor.tsx
@@ -1,7 +1,9 @@
+'use client';
import { useState } from 'react';
import type { NextPage } from 'next';
import Head from 'next/head';
-import { ExampleLayout, Accordion, CodeBlock } from '@/components';
+import { Accordion, Icon, Icons } from 'yorkie-ui';
+import { ExampleLayout, CodeBlock } from '@/components';
import { Sidebar, FullView, ShowView, GridView, DualView } from '@/components/exampleView';
const sampleCode = `sample code`;
@@ -31,7 +33,7 @@ const ExamplesView: NextPage = () => {
next to the cursor.
Try this!
-
+
{[
{
title: "Select role and check other's cursor",
@@ -40,11 +42,16 @@ const ExamplesView: NextPage = () => {
},
].map(({ title, description }) => (
- {title}
- {description}
+
+ {title}
+
+ } stroke="neutral.11" />
+
+
+ {description}
))}
-
+
diff --git a/pages/examples/profile-stack.tsx b/pages/examples/profile-stack.tsx
index 35cc543..e0f1cd1 100644
--- a/pages/examples/profile-stack.tsx
+++ b/pages/examples/profile-stack.tsx
@@ -1,3 +1,4 @@
+'use client';
import { NextPage } from 'next';
import Head from 'next/head';
import { ExampleLayout } from '@/components';
diff --git a/pages/examples/quill.tsx b/pages/examples/quill.tsx
index d5e2f21..5a40992 100644
--- a/pages/examples/quill.tsx
+++ b/pages/examples/quill.tsx
@@ -1,3 +1,4 @@
+'use client';
import { NextPage } from 'next';
import Head from 'next/head';
import { ExampleLayout } from '@/components';
diff --git a/pages/examples/simultaneous-cursors.tsx b/pages/examples/simultaneous-cursors.tsx
index db4df25..cc0af4a 100644
--- a/pages/examples/simultaneous-cursors.tsx
+++ b/pages/examples/simultaneous-cursors.tsx
@@ -1,3 +1,4 @@
+'use client';
import { NextPage } from 'next';
import Head from 'next/head';
import { ExampleLayout } from '@/components';
diff --git a/pages/examples/tldraw.tsx b/pages/examples/tldraw.tsx
index 364ee26..0cc4697 100644
--- a/pages/examples/tldraw.tsx
+++ b/pages/examples/tldraw.tsx
@@ -1,3 +1,4 @@
+'use client';
import { NextPage } from 'next';
import Head from 'next/head';
import { ExampleLayout } from '@/components';
diff --git a/pages/examples/todomvc.tsx b/pages/examples/todomvc.tsx
index 5717e73..12147f9 100644
--- a/pages/examples/todomvc.tsx
+++ b/pages/examples/todomvc.tsx
@@ -1,3 +1,4 @@
+'use client';
import { ExampleLayout } from '@/components';
import {
BasicExampleView,
diff --git a/pages/examples/webtoons.tsx b/pages/examples/webtoons.tsx
index 4f47c96..b212ff9 100644
--- a/pages/examples/webtoons.tsx
+++ b/pages/examples/webtoons.tsx
@@ -1,7 +1,9 @@
+'use client';
import { useState } from 'react';
import type { NextPage } from 'next';
import Head from 'next/head';
-import { ExampleLayout, Accordion, CodeBlock } from '@/components';
+import { Accordion, Icon, Icons } from 'yorkie-ui';
+import { ExampleLayout, CodeBlock } from '@/components';
import { Sidebar, FullView, ShowView, GridView, DualView } from '@/components/exampleView';
const sampleCode = `sample code`;
@@ -31,7 +33,7 @@ const ExamplesView: NextPage = () => {
comments', 'comments view', 'mini map' and 'character library.'
Try this!
-
+
{[
{
title: 'Drawing comments',
@@ -55,11 +57,16 @@ const ExamplesView: NextPage = () => {
},
].map(({ title, description }) => (
- {title}
- {description}
+
+ {title}
+
+ } stroke="neutral.11" />
+
+
+ {description}
))}
-
+
diff --git a/pages/globals.css b/pages/globals.css
new file mode 100644
index 0000000..e27a23b
--- /dev/null
+++ b/pages/globals.css
@@ -0,0 +1 @@
+@layer reset, base, tokens, recipes, utilities;
diff --git a/pages/index.tsx b/pages/index.tsx
index b81601b..067de69 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,8 +1,10 @@
-import { useState, useEffect } from 'react';
+'use client';
+import React, { useState, useEffect } from 'react';
import classNames from 'classnames';
import type { NextPage } from 'next';
import Head from 'next/head';
-import { Layout, Button, Icon, CodeBlock, CodeBlockHeader, Accordion } from '@/components';
+import { Layout, CodeBlock, CodeBlockHeader } from '@/components';
+import { Button, Box, Icon, Text, Flex, Accordion, Container, Grid, GridItem, Icons, Heading } from 'yorkie-ui';
import { ChartMotion, StateSharingMotion, ServerMotion, MainBannerMotion } from '@/components/motions';
import UserGroupSVG from '@/public/assets/icons/icon_service_main_users_group.svg';
import CollaboProfileSVG from '@/public/assets/icons/icon_collaborate_profile.svg';
@@ -12,209 +14,337 @@ import CollaboEditingSVG from '@/public/assets/icons/icon_collaborate_editing.sv
import { FEATURES_CODE } from '@/codes/features';
type FeatureType = keyof typeof FEATURES_CODE;
+type FeatureKey = 'profile' | 'cursor' | 'selection' | 'editing';
+
const Home: NextPage = () => {
const [bannerActive, setBannerActive] = useState(false);
const [activeFeatureCard, setActiveFeatureCard] = useState
('profile');
const [activeFeatureCode, setActiveFeatureCode] = useState({ type: 'js', info: FEATURES_CODE.profile.js });
- useEffect(() => {
- const handleVisualSize = () => {
- const $visual = document.querySelector('.kv_bg svg') as HTMLElement;
- if (!$visual) return;
-
- const SVG_ASPECT_RATIO = 1512 / 868;
- const HEADER_HEIGHT = 64;
- const scale = window.innerWidth / ((window.innerHeight - HEADER_HEIGHT) * SVG_ASPECT_RATIO);
- $visual.style.setProperty('--scale', scale < 1 ? '1' : `${scale}`);
- };
- window.addEventListener('resize', handleVisualSize);
- handleVisualSize();
-
- return () => {
- window.removeEventListener('resize', handleVisualSize);
- };
- }, []);
-
+ const onClickOne = (e: any, name: FeatureKey) => {
+ if (FEATURES_CODE[name] && e) {
+ const codeType = FEATURES_CODE[name].tabOrder[0];
+ setActiveFeatureCard(name);
+ setActiveFeatureCode({
+ type: codeType,
+ info: (FEATURES_CODE[name] as any)[codeType],
+ });
+ }
+ };
// TODO(hackerwins): Remove examples condition when examples are ready.
return (
-
+
Yorkie
-
-
-
-
-
-
Extend Your App with Yorkie
-
-
-
-
-
-
+
+
+
+
+
+
+
+ Bring
+
+ collaboration
+
+
+ to your app
+
+
+ setBannerActive(true)}
+ onPointerOut={() => setBannerActive(false)}
+ icon={ }
+ position="start"
+ size="xl"
+ >
+ Start for free
+
+
+
+ Unlock the full potential of real-time collaboration with open-source SDKs and API package.
+
+
+
+
+
+
+
+ Extend Your App with Yorkie
+
+
+
+
+
+
+
+
Make your product
-
- collaborative in a flash!
-
-
- Easily add collaboration to your apps with our API-based services. Sign up now and start building
- powerful, high-performance collaborative features in no time.
-
-
- }>
- Getting Started
-
- }>
- Read documentation
-
-
-
-
-
-
-
- Variety of collaboration features for your app
-
-
- Easily add stable and diverse collaborative features
+
+
+
+ collaborative
+
+
+ in a flash!
+
+
+
+
+ Easily add collaboration to your apps with our API-based services. Sign up now and start building
+ powerful, high-performance collaborative features in no time.
+
+
+ } stroke="neutral.2" />}
+ position="start"
+ variant="solid"
+ size="xl"
+ >
+ Getting Started
+
+ } stroke="neutral.11" />}
+ position="start"
+ size="xl"
+ >
+ Read documentation
+
+
+
+
+
+
+ Variety of collaboration features for your app
+
+
+ Easily add stable and diverse collaborative features
to your product with Yorkie.
- Transform your local-based product into a collaborative online experience with our
- powerful tools.
- Sign up now and start providing your users with a completely new real-time
- experience.
-
-
-
{
- const target = (e.target as Element).closest('.service_card_menu');
- if (!target) return;
+ Transform your local-based product into a collaborative
+ online experience with our powerful tools.
+ Sign up now and start providing your users with a
+ completely new real-time experience.
+
+
+
+
+ onClickOne(e, 'profile')}
+ borderWidth="1px"
+ borderColor="gray.a11"
+ borderRadius="2xl"
+ cursor="pointer"
+ >
+
+ {activeFeatureCard == 'profile' && (
+
+
+
+ )}
- const featureType = target.getAttribute('data-item') as FeatureType;
- const codeType = FEATURES_CODE[featureType].tabOrder[0];
- setActiveFeatureCard(featureType);
- setActiveFeatureCode({
- type: codeType,
- info: (FEATURES_CODE[featureType] as any)[codeType],
- });
- }}
- >
-
-
-
-
-
- Profile Stack
-
- The Profile Stack feature shows the profile of the current users in real-time to announce that
- multiple users are connected at the same time.
-
-
-
-
-
-
-
-
- Multi-Cursor
-
- The Multi-Cursor shows the location of the cursor of the users who accessed the same canvas in
- real-time. Each cursor shows the user's nickname and role as needed.
-
-
-
- {process.env.NODE_ENV === 'development' && (
+
+ Profile Stack
+
+
+ {activeFeatureCard == 'profile' && (
+
+ The Profile Stack feature shows the profile of the current users in real-time to announce that
+ multiple users are connected at the same time.
+
+ )}
+
+
+ onClickOne(e, 'cursor')}
+ borderWidth="1px"
+ borderRadius="2xl"
+ marginTop="6"
+ cursor="pointer"
+ borderColor="gray.a7"
+ >
+
+ {activeFeatureCard == 'cursor' && (
+
+
+
+ )}
+
+ Multi-Cursor
+
+ {activeFeatureCard == 'cursor' && (
+
+ The Multi-Cursor shows the location of the cursor of the users who accessed the same canvas in
+ real-time. Each cursor shows the user's nickname and role as needed.
+
+ )}
+
+
+ {/* {process.env.NODE_ENV === 'development' && (
<>
-
+
- Live Selection
-
+
+ Live Selection
+
+
Live Selection displays the object selected by each user who accesses the same canvas. Users can
see what each other is doing in real-time.
-
-
+
+
-
+
- Multiplayer Editing
-
+
+ Multiplayer Editing
+
+
Interact in real-time with the presence of others and edit material together. Any real-time
interaction, such as texting, drawing, commenting, or expressing emotion, could be shared with
Yorkie.
-
-
+
+
>
- )}
-
-
-
-
- {FEATURES_CODE[activeFeatureCard].tabOrder.map((codeType) => (
-
- setActiveFeatureCode({
- type: codeType,
- info: (FEATURES_CODE[activeFeatureCard] as any)[codeType],
- })
- }
- >
- {(FEATURES_CODE[activeFeatureCard] as any)[codeType].title}
-
- ))}
-
-
-
-
-
-
-
-
-
- {process.env.NODE_ENV === 'development' && (
+ )} */}
+
+
+
+
+
+
+ {FEATURES_CODE[activeFeatureCard].tabOrder.map((codeType) => (
+
+ setActiveFeatureCode({
+ type: codeType,
+ info: (FEATURES_CODE[activeFeatureCard] as any)[codeType],
+ })
+ }
+ >
+ {(FEATURES_CODE[activeFeatureCard] as any)[codeType].title}
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+ {/* {process.env.NODE_ENV === 'development' && (
What experiences
@@ -226,103 +356,158 @@ const Home: NextPage = () => {
-
- }>
- View all examples
-
-
+ }>
+ View all examples
+
- )}
-
-
+ )} */}
+
+
Stable.
Reliable.
Manageable.
-
-
-
-
-
-
-
-
-
Document and Presence
-
- Document is stored using conflict-free replicated data types(CRDTs), which ensures that multiple
- users can edit the same data concurrently without encountering conflicts. Presence represents a
- peer's awareness of the data being edited. It is used to track which users are currently
- editing the document.
-
-
}
- >
- Learn more about Document and Presence
-
-
-
-
-
-
-
-
-
Data Warehouse with Dashboard
-
- Dashboard allows users to easily browse stored documents and monitor the data warehouse in
- real-time. With Dashboard, users can quickly and easily supervise the data warehouse and ensure that
- it is functioning properly.
-
-
}>
- Learn more about Dashboard
-
-
-
-
-
-
-
-
-
Cloud or Self-Hosted Server
-
- Yorkie offers flexible deployment options, allowing user to use a cloud or host the server on your
- own premises. Whether you want the convenience of cloud or the control of a self-hosted server,
- Yorkie has you covered.
-
-
}>
- Learn more about Self-Hosted Server
-
-
-
-
-
-
-
- FAQ
-
-
-
-
-
- Can we use the Yorkie for free?
-
-
+
+
+
+
+
+
+
+
+
+
+ Document and Presence
+
+
+ Document is stored using conflict-free replicated data types(CRDTs), which ensures that multiple users
+ can edit the same data concurrently without encountering conflicts. Presence represents a peer's
+ awareness of the data being edited. It is used to track which users are currently editing the
+ document.
+
+ } stroke="neutral.1" />}
+ size={{ base: 'sm', lg: 'lg' }}
+ >
+ Learn more about Document and Presence
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Data Warehouse with Dashboard
+
+
+ Dashboard allows users to easily browse stored documents and monitor the data warehouse in real-time.
+ With Dashboard, users can quickly and easily supervise the data warehouse and ensure that it is
+ functioning properly.
+
+ } stroke="neutral.1" />}
+ size={{ base: 'sm', lg: 'lg' }}
+ >
+ Learn more about Dashboard
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Cloud or Self-Hosted Server
+
+
+ Yorkie offers flexible deployment options, allowing user to use a cloud or host the server on your own
+ premises. Whether you want the convenience of cloud or the control of a self-hosted server, Yorkie has
+ you covered.
+
+ } stroke="neutral.1" />}
+ size={{ base: 'sm', lg: 'lg' }}
+ >
+ Learn more about Self-Hosted Server
+
+
+
+
+
+
+
+ FAQ
+
+
+
+
+
+ } position="start" size="lg" />
+
+ Can we use the Yorkie for free?
+
+
+
+
+
Yes, Yorkie is free to use.
You can access it at no cost. Please note that the availability of the service and any associated
features may be subject to change without notice. It is always a good idea to check the latest
information on the service's website to ensure that it is still available and meets your needs.
-
-
-
-
-
- Is the Yorkie production ready?
-
-
+
+
+
+
+
+
+ } position="start" size="lg" />
+
+ Is the Yorkie production ready?
+
+
+
+
+
No, Yorkie is not yet production ready.
While the CRDT algorithm has been verified, not all of the code has been fully battle-tested. The
@@ -331,14 +516,20 @@ const Home: NextPage = () => {
service's capabilities and reliability before using it in a production setting. It is also
important to note that the availability and features of the service may change without notice, so it
is always best to check the latest information on the service's website before using it.
-
-
-
-
-
- How can I contribute to the Yorkie project?
-
-
+
+
+
+
+
+
+ } size="lg" />
+
+ How can I contribute to the Yorkie project?
+
+
+
+
+
Yorkie is an open source project, so there are many ways to contribute to its development.
One way to contribute is by reporting any bugs you encounter while using the service. You can also
@@ -350,32 +541,39 @@ const Home: NextPage = () => {
Discord
.
-
-
-
-
-
+
+
+
+
+
}
- target="_blank"
- rel="noreferrer"
+ variant="outline"
+ className="fillSVG"
+ icon={ } stroke="neutral.10" />}
+ position="start"
+ size="xl"
>
Contact
}
+ icon={ }
+ position="start"
+ size="xl"
>
Start for free
-
-
-
+
+
+
);
};
diff --git a/pages/products.tsx b/pages/products.tsx
index 8255f8c..26a8ca7 100644
--- a/pages/products.tsx
+++ b/pages/products.tsx
@@ -1,9 +1,10 @@
+'use client';
+
import { useState } from 'react';
import type { NextPage } from 'next';
import Head from 'next/head';
-import Link from 'next/link';
import classNames from 'classnames';
-import { Button, Icon, Layout, CodeBlock, CodeBlockHeader } from '@/components';
+import { Layout, CodeBlock, CodeBlockHeader } from '@/components';
import { StateSharingDetailMotion, FlexibleDocumentMotion } from '@/components/motions';
import ProductBannerSVG from '@/public/assets/images/banner/img_product_banner.svg';
import ProductAwarenessLeftSVG from '@/public/assets/images/banner/img_product_awareness_left.svg';
@@ -12,6 +13,7 @@ import ProductPCSVG from '@/public/assets/images/banner/img_product_pc.svg';
import ProductMobileSVG from '@/public/assets/images/banner/img_product_mobile.svg';
import ProductPackageSVG from '@/public/assets/images/banner/img_product_package.svg';
import { DOCUMENT_CODE } from '@/codes/document';
+import { Button, Box, Icon, Heading, Text, Flex, Container, Grid, Link, GridItem, Icons } from 'yorkie-ui';
const Products: NextPage = () => {
const [documentType, setDocumentType] = useState('common');
@@ -20,249 +22,296 @@ const Products: NextPage = () => {
Products · Yorkie
-
-
-
-
+
+
+
+
Ship faster,
Stay in control
-
-
- Yorkie provides synchronization primitives such as JSON-like document
- and Peer Awareness API. Dashboard allows for efficient management of documents
+
+
+ Yorkie provides synchronization primitives such as JSON-like document{' '}
+
+ and Peer Awareness API. Dashboard allows for efficient management of documents{' '}
+
as a document store.
-
-
- }
- >
- Start for free
-
-
-
-
+
+
} />}
+ position="start"
+ size="xl"
+ marginTop="6"
+ >
+ Start for free
+
+
+
-
-
-
-
-
-
-
-
- Yorkie allow you to build multiplayer products without the need for database configuration and conflict
- management. This saves time and money.
-
-
-
-
- Conflict-free state sharing
-
-
- Yorkie implements real-time collaboration based on the Conflict-free Replicated Data Type(CRDT) algorithm.
- CRDTs offer a clean and reliable way to resolve conflicts when editing concurrent data, unlike Operational
- Transformation(OT) algorithms which can be complex and may not always ensure convergence. Yorkie's
- use of the well-proven CRDT algorithm ensures reliable services.
-
-
-
-
-
-
-
- Document
-
-
- Yorkie provides a general-purpose JSON-like{' '}
-
- Document
- {' '}
- to enable complex application models while some CRDT libraries that only offer basic data types.
-
-
-
-
-
- {
- setDocumentType('common');
- }}
- >
- Common
-
- {
- setDocumentType('text');
- }}
- >
- Text
-
- {
- setDocumentType('counter');
- }}
- >
- Counter
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Presence
-
-
- You can build a sense of presence by tracking the status of users who are editing the same document with{' '}
-
- Presence
+
+
+
+
+
+
+
+
+ Turn anything
+ into multiplayer.
+
+
+
+ Yorkie allow you to build multiplayer products without the need for database configuration and conflict
+ management. This saves time and money.
+
+
+
+
+
+ Conflict-free state sharing
+
+
+ Yorkie implements real-time collaboration based on the Conflict-free Replicated Data Type(CRDT) algorithm.
+ CRDTs offer a clean and reliable way to resolve conflicts when editing concurrent data, unlike Operational
+ Transformation(OT) algorithms which can be complex and may not always ensure convergence. Yorkie's use of
+ the well-proven CRDT algorithm ensures reliable services.
+
+
+
+
+
+ Document
+
+
+ Yorkie provides a general-purpose JSON-like{' '}
+
+ Document
+ {' '}
+ to enable complex application models while some CRDT libraries that only offer basic data types.
+
+
+
+
+
+ {
+ setDocumentType('common');
+ }}
+ >
+ Common
+
+ {
+ setDocumentType('text');
+ }}
+ >
+ Text
+
+ {
+ setDocumentType('counter');
+ }}
+ >
+ Counter
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Presence
+
+
+ You can build a sense of presence by tracking the status of users who are editing the same document with{' '}
+
+ Presence
+
+ .
+
+
+
+
+
+
+
+
+
+
+ More features of Yorkie SDK
+
+
+
+
+ SDKs for Mobile & Web
+
+
+ Yorkie SDKs support development for{' '}
+
+ iOS
- .
-
-
-
-
-
- More features of Yorkie SDK
-
-
-
- SDKs for Mobile & Web
-
- Yorkie SDKs support development for{' '}
-
- iOS
-
- ,{' '}
-
- Android
- {' '}
- and{' '}
-
- Web
- {' '}
- applications.
-
-
-
- Size optimization
-
- Yorkie uses{' '}
-
- Garbage Collection
-
- {' '}and{' '}
-
- Lamport timestamps
- {' '}
- to reduce the size of documents.
-
-
-
- Security
-
-
- Auth Webhook
- {' '}
- allows users to verify the authorization of clients to access documents from an external service.
-
-
-
-
-
-
-
-
-
- Dashboard allows project members to browse stored documents and supervise the data warehouse easily.
-
-
-
-
- Dashboard
-
-
- Dashboard in Cloud is accessible from any device without the need for installation.
-
-
-
-
-
-
-
- If needed, Yorkie open source packages allow you to build self-hosted server locally.
-
-
-
-
-
-
+ ,{' '}
+
+ Android
+ {' '}
+ and{' '}
+
+ Web
+ {' '}
+ applications.
+
+
+
+
+ Size optimization
+
+
+ Yorkie uses{' '}
+
+ Garbage Collection
+ {' '}
+ and{' '}
+
+ Lamport timestamps
+ {' '}
+ to reduce the size of documents.
+
+
+
+
+ Security
+
+
+ Yorkie uses{' '}
+
+ Auth Webhook
+ {' '}
+ allows users to verify the authorization of clients to access documents from an external service.
+
+
+
+
+
+
+ Real-time monitoring
+
+ anytime, anywhere.
+
+
+
+ Dashboard allows project members to browse stored documents and supervise the data warehouse easily.
+
+
+
+
+ } stroke="#F27B2F" size={{ base: 'lg', lg: 'xl' }} />
+ Dashboard
+
+
+ Dashboard in Cloud is accessible from any device without the need for installation.
+
+
+
+
+
+
+
+
+
+
+
+
+ Build your own
+
+ Cluster
+
+
+
+ If needed, Yorkie open source packages allow you to build self-hosted server locally.
+
+
+
+
+
+
+ } size="2xl" />
+
Yorkie open-source package
-
-
-
-
-
How to build self-hosted server
-
-
- Yorkie open-source package includes SDKs, a server, and a database, making it easy to implement the
- co-editing feature.
-
-
-
-
-
+
+
+
+
+ } stroke="neutral.1" />}
+ size={{ base: 'sm', lg: 'lg' }}
+ >
+ How to build self-hosted server
+
+
+
+ Yorkie open-source package includes SDKs, a server, and a database, making it easy to implement the
+ co-editing feature.
+
+
+
+
+
+
);
};
diff --git a/public/assets/icons/icon_arrow.svg b/public/assets/icons/icon_arrow.svg
deleted file mode 100644
index f9b7b37..0000000
--- a/public/assets/icons/icon_arrow.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_back_home.svg b/public/assets/icons/icon_back_home.svg
deleted file mode 100644
index 2c34b71..0000000
--- a/public/assets/icons/icon_back_home.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_book.svg b/public/assets/icons/icon_book.svg
deleted file mode 100644
index 2c10919..0000000
--- a/public/assets/icons/icon_book.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_close_small.svg b/public/assets/icons/icon_close_small.svg
deleted file mode 100644
index 66c593c..0000000
--- a/public/assets/icons/icon_close_small.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_cloud_orange.svg b/public/assets/icons/icon_cloud_orange.svg
deleted file mode 100644
index 88e0ca1..0000000
--- a/public/assets/icons/icon_cloud_orange.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_copy.svg b/public/assets/icons/icon_copy.svg
deleted file mode 100644
index 520a8b4..0000000
--- a/public/assets/icons/icon_copy.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-
-
-
-
-
-
-
-
diff --git a/public/assets/icons/icon_diamond.svg b/public/assets/icons/icon_diamond.svg
deleted file mode 100644
index 52b4c10..0000000
--- a/public/assets/icons/icon_diamond.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_discord.svg b/public/assets/icons/icon_discord.svg
deleted file mode 100644
index 4b74773..0000000
--- a/public/assets/icons/icon_discord.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/public/assets/icons/icon_expand.svg b/public/assets/icons/icon_expand.svg
deleted file mode 100644
index 197e01c..0000000
--- a/public/assets/icons/icon_expand.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_file.svg b/public/assets/icons/icon_file.svg
deleted file mode 100644
index 555c96e..0000000
--- a/public/assets/icons/icon_file.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_folder.svg b/public/assets/icons/icon_folder.svg
deleted file mode 100644
index d7add96..0000000
--- a/public/assets/icons/icon_folder.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_folder_open.svg b/public/assets/icons/icon_folder_open.svg
deleted file mode 100644
index eff4c13..0000000
--- a/public/assets/icons/icon_folder_open.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
-
-
diff --git a/public/assets/icons/icon_github.svg b/public/assets/icons/icon_github.svg
deleted file mode 100644
index 8756cf3..0000000
--- a/public/assets/icons/icon_github.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_gnb_menu.svg b/public/assets/icons/icon_gnb_menu.svg
deleted file mode 100644
index a7ffced..0000000
--- a/public/assets/icons/icon_gnb_menu.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_message.svg b/public/assets/icons/icon_message.svg
deleted file mode 100644
index d9a7f3f..0000000
--- a/public/assets/icons/icon_message.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_message_square.svg b/public/assets/icons/icon_message_square.svg
deleted file mode 100644
index 3f60018..0000000
--- a/public/assets/icons/icon_message_square.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_minimize.svg b/public/assets/icons/icon_minimize.svg
deleted file mode 100644
index 51f11a4..0000000
--- a/public/assets/icons/icon_minimize.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_package.svg b/public/assets/icons/icon_package.svg
deleted file mode 100644
index a0f145e..0000000
--- a/public/assets/icons/icon_package.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
-
-
diff --git a/public/assets/icons/icon_plus.svg b/public/assets/icons/icon_plus.svg
deleted file mode 100644
index d2a2076..0000000
--- a/public/assets/icons/icon_plus.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_slack.svg b/public/assets/icons/icon_slack.svg
deleted file mode 100644
index 6b4bc91..0000000
--- a/public/assets/icons/icon_slack.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/public/assets/icons/icon_smile.svg b/public/assets/icons/icon_smile.svg
deleted file mode 100644
index 403254a..0000000
--- a/public/assets/icons/icon_smile.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/icon_twinkle.svg b/public/assets/icons/icon_twinkle.svg
deleted file mode 100644
index 5a1db41..0000000
--- a/public/assets/icons/icon_twinkle.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/public/assets/icons/logo_horizontal_xs.svg b/public/assets/icons/logo_horizontal_xs.svg
index 90db6c9..91b070a 100644
--- a/public/assets/icons/logo_horizontal_xs.svg
+++ b/public/assets/icons/logo_horizontal_xs.svg
@@ -2,7 +2,7 @@
-
+
diff --git a/src/app/globals.css b/src/app/globals.css
new file mode 100644
index 0000000..e27a23b
--- /dev/null
+++ b/src/app/globals.css
@@ -0,0 +1 @@
+@layer reset, base, tokens, recipes, utilities;
diff --git a/styles/style.css b/styles/style.css
index cc6c358..2b89061 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -1,45 +1,4782 @@
-@charset "UTF-8";.accordion_list{padding:0 32px}@media screen and (max-width:1023px){.accordion_list{width:100%}}@media screen and (max-width:639px){.accordion_list{padding:0 16px}}.accordion_list .accordion_item{border-bottom:1px solid var(--gray-400)}.accordion_list .accordion_item:last-of-type{border-bottom:0}.accordion_list .accordion_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;width:100%;padding:24px 16px;font-size:2.4rem;line-height:1.34;font-weight:500;color:var(--gray-800)}@media screen and (max-width:1023px){.accordion_list .accordion_btn{font-size:2rem;line-height:1.4}}.accordion_list .accordion_btn .icon{width:24px;height:24px;margin-right:16px;color:var(--gray-800)}.accordion_list .accordion_btn.is_active~.accordion_content{display:block}.accordion_list .accordion_content{display:none;margin-top:-8px;padding:0 16px 24px;font-size:1.6rem;line-height:1.5;font-weight:400;color:var(--gray-800)}@media screen and (max-width:1023px){.accordion_list .accordion_content{font-size:1.4rem;line-height:1.58}}
-@charset "UTF-8";.connect_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.connect_box+.connect_box{margin-top:16px}.connect_box .account{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:373px;padding:11px 23px;border:1px solid var(--gray-400);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--gray-50)}@media screen and (max-width:1023px){.connect_box .account{min-width:auto;width:100%}}.connect_box .account_title{min-width:96px;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-600);word-break:break-all}@media screen and (max-width:1023px){.connect_box .account_title{min-width:87px}}@media screen and (max-width:639px){.connect_box .account_title{min-width:auto;padding-left:0}}.connect_box .account_id{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;font-size:1.4rem;line-height:1.15;font-weight:600;color:var(--gray-800);word-break:break-all}@media screen and (max-width:639px){.connect_box .account_id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.connect_box .account_id.is_disabled{font-size:1.2rem;line-height:1.34;font-weight:300;color:var(--gray-400)}.connect_box .account_id:empty{font-size:1.2rem;line-height:1.34;font-weight:300;color:var(--gray-400)}.connect_box .account_id:empty::before{content:attr(data-placeholder)}.connect_box .btn_box{margin-left:16px}@media screen and (max-width:1023px){.connect_box .btn_box{min-width:100px}}.connect_box .btn_box .btn{margin-top:1px;padding:7px 13px 7px 11px}.connect_box .btn_box .icon{width:12px;height:12px}.connect_box .btn_box .text{font-size:1.2rem;line-height:1.34;font-weight:300}.connect_api_box{display:-webkit-box;display:-ms-flexbox;display:flex}.connect_api_box .api_box{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:16px;border:1px solid var(--gray-400);border-radius:8px}.connect_api_box .api{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:overlay;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.connect_api_box .value{padding:0 24px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-600)}.connect_api_box .btn_area{position:relative;-webkit-box-flex:0;-ms-flex:none;flex:none}.connect_api_box .btn_area .btn{height:40px;margin-left:0}.connect_api_box .btn_area .icon{margin-right:8px}.connect_api_box .btn_cover{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;height:100%;padding:0 26px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:6px;background:var(--gray-400);font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800);z-index:1}.connect_api_box .btn_cover .icon{display:inline-block;margin-right:10px;vertical-align:top}.connect_api_box .btn_cover .icon svg{display:block}
-@charset "UTF-8";.banner{display:block;min-height:134px;padding:24px 32px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.banner{min-height:112px;padding:27px 14px 27px 22px}}.banner_box{position:relative}@media screen and (max-width:1023px){.banner_box{padding:0 32px}}@media screen and (max-width:639px){.banner_box{padding:0 16px}}.banner_box .guide{display:block;margin-bottom:24px;padding-right:32px;font-size:2.4rem;line-height:1.34;font-weight:500;color:var(--gray-900)}.banner_box .btn_close{position:absolute;top:-2px;right:-7px;margin:0;padding:5px;color:var(--gray-900)}@media screen and (max-width:1023px){.banner_box .btn_close{right:25px}}@media screen and (max-width:639px){.banner_box .btn_close{right:7px}}.banner_box .btn_close .icon{width:22px;height:22px;margin:0}.banner_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:639px){.banner_list{display:block}}.banner_item{overflow:hidden;position:relative;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;margin:0 8px;border-radius:10px}@media screen and (max-width:639px){.banner_item{margin:16px 0 0}}.banner_item:first-child{margin-left:0}@media screen and (max-width:639px){.banner_item:first-child{margin-top:0}}.banner_item:last-child{margin-right:0}.banner_title{display:block;position:relative;z-index:1;margin-bottom:8px;font-size:2.4rem;line-height:1.34;font-weight:600}@media screen and (max-width:1023px){.banner_title{font-size:1.6rem;line-height:1.5}}.banner_desc{position:relative;z-index:1;font-size:1.4rem;line-height:1.58;font-weight:400}@media screen and (max-width:1023px){.banner_desc{font-size:1.2rem;line-height:1.34}}.banner .img_box{display:block;position:absolute;right:-4px;bottom:-8px}@media screen and (max-width:1023px){.banner .img_box{width:158px}}.banner .img_box img{display:block;width:100%}
-@charset "UTF-8";.btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 8px;padding:8px 16px;font-size:1.4rem;line-height:1.58;border:1px solid transparent;border-radius:4px;background-color:var(--gray-000);color:var(--gray-600);vertical-align:top;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s;-webkit-box-sizing:border-box;box-sizing:border-box}.btn:hover{background-color:var(--gray-100)}.btn:first-child{margin-left:0}.btn .text{margin-left:8px}.btn .text:only-child{margin-left:0}.btn .icon{width:16px;height:16px;margin-left:8px}.btn .icon:first-child{margin-left:0}.btn .icon svg{display:block;width:100%;height:100%}.btn .icon svg path{fill:currentColor}.btn_line{border-color:var(--gray-400)}.btn_line.is_disabled,.btn_line:disabled{border-color:var(--gray-300)}.btn_small{padding:7px 12px;font-size:1.2rem;line-height:1.34;font-weight:500}.btn_small .icon{width:12px;height:12px}.btn_large{padding:11px 16px;font-size:1.6rem;line-height:1.5;font-weight:600}.btn_large .icon{width:24px;height:24px}.btn_star{margin-left:8px;margin-right:-4px;padding:3px;color:var(--gray-500)}.btn_star .icon{display:block;width:24px;height:24px}.btn_star .icon path:first-child{color:transparent;-webkit-transition:color .2s;transition:color .2s}.btn_star .icon path:last-child{-webkit-transition:color .2s;transition:color .2s}.btn_star.is_active{color:var(--yellow-0)}.btn_star.is_active path:first-child{color:inherit}.btn.white{background-color:#fff;color:var(--gray-600)}.btn.white.is_disabled,.btn.white:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray900{background-color:var(--gray-900);color:var(--gray-000)}.btn.gray900.btn_line{border-color:transparent}.btn.gray900.is_disabled,.btn.gray900:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray800{background-color:var(--gray-800);color:var(--gray-000)}.btn.gray800.btn_line{border-color:transparent}.btn.gray800.is_disabled,.btn.gray800:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray700{background-color:var(--gray-700);color:var(--gray-000)}.btn.gray700.btn_line{border-color:transparent}.btn.gray700.is_disabled,.btn.gray700:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray600{background-color:var(--gray-600);color:var(--gray-000)}.btn.gray600.btn_line{border-color:transparent}.btn.gray600.is_disabled,.btn.gray600:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray500{background-color:var(--gray-500);color:var(--gray-000)}.btn.gray500.btn_line{border-color:transparent}.btn.gray500.is_disabled,.btn.gray500:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray400{background-color:var(--gray-400);color:var(--gray-600)}.btn.gray400.is_disabled,.btn.gray400:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray300{background-color:var(--gray-300);color:var(--gray-600)}.btn.gray300.is_disabled,.btn.gray300:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray200{background-color:var(--gray-200);color:var(--gray-600)}.btn.gray200.is_disabled,.btn.gray200:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray100{background-color:var(--gray-100);color:var(--gray-600)}.btn.gray100.is_disabled,.btn.gray100:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray50{background-color:var(--gray-50);color:var(--gray-600)}.btn.gray50.is_disabled,.btn.gray50:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_dark{background-color:var(--orange-dark);color:var(--gray-000)}.btn.orange_dark.btn_line{border-color:var(--orange-0);background-color:var(--orange-alpha-0);color:var(--orange-dark)}.btn.orange_dark.btn_line.is_disabled,.btn.orange_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_dark.is_disabled,.btn.orange_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_0{background-color:var(--orange-0);color:var(--gray-000)}.btn.orange_0:hover{background-color:var(--orange-dark)}.btn.orange_0.btn_line{border-color:var(--orange-0);background-color:var(--orange-alpha-light);color:var(--orange-dark)}.btn.orange_0.btn_line:hover{background-color:var(--orange-alpha-0)}.btn.orange_0.btn_line.is_disabled,.btn.orange_0.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_0.is_disabled,.btn.orange_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_light{background-color:var(--orange-light);color:var(--gray-000)}.btn.orange_light.btn_line{border-color:var(--orange-alpha-dark);background-color:var(--orange-alpha-0);color:var(--orange-dark)}.btn.orange_light.btn_line.is_disabled,.btn.orange_light.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_light.is_disabled,.btn.orange_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_alpha_dark{background-color:var(--orange-alpha-dark);color:var(--orange-dark)}.btn.orange_alpha_dark.btn_line{border-color:var(--orange-alpha-dark)}.btn.orange_alpha_dark.btn_line.is_disabled,.btn.orange_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_alpha_dark.is_disabled,.btn.orange_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_alpha_0{background-color:var(--orange-alpha-0);color:var(--orange-dark)}.btn.orange_alpha_0.btn_line{border-color:var(--orange-alpha-0)}.btn.orange_alpha_0.btn_line.is_disabled,.btn.orange_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_alpha_0.is_disabled,.btn.orange_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_alpha_light{background-color:var(--orange-alpha-light);color:var(--orange-0)}.btn.orange_alpha_light.btn_line{border-color:var(--orange-alpha-light)}.btn.orange_alpha_light.btn_line.is_disabled,.btn.orange_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_alpha_light.is_disabled,.btn.orange_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_dark{background-color:var(--yellow-dark);color:var(--gray-000)}.btn.yellow_dark.btn_line{border-color:var(--yellow-0);background-color:var(--yellow-alpha-0);color:var(--yellow-dark)}.btn.yellow_dark.btn_line.is_disabled,.btn.yellow_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_dark.is_disabled,.btn.yellow_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_0{background-color:var(--yellow-0);color:var(--gray-000)}.btn.yellow_0:hover{background-color:var(--yellow-dark)}.btn.yellow_0.btn_line{border-color:var(--yellow-0);background-color:var(--yellow-alpha-light);color:var(--yellow-dark)}.btn.yellow_0.btn_line:hover{background-color:var(--yellow-alpha-0)}.btn.yellow_0.btn_line.is_disabled,.btn.yellow_0.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_0.is_disabled,.btn.yellow_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_light{background-color:var(--yellow-light);color:var(--gray-000)}.btn.yellow_light.btn_line{border-color:var(--yellow-alpha-dark);background-color:var(--yellow-alpha-0);color:var(--yellow-dark)}.btn.yellow_light.btn_line.is_disabled,.btn.yellow_light.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_light.is_disabled,.btn.yellow_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_alpha_dark{background-color:var(--yellow-alpha-dark);color:var(--yellow-dark)}.btn.yellow_alpha_dark.btn_line{border-color:var(--yellow-alpha-dark)}.btn.yellow_alpha_dark.btn_line.is_disabled,.btn.yellow_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_alpha_dark.is_disabled,.btn.yellow_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_alpha_0{background-color:var(--yellow-alpha-0);color:var(--yellow-dark)}.btn.yellow_alpha_0.btn_line{border-color:var(--yellow-alpha-0)}.btn.yellow_alpha_0.btn_line.is_disabled,.btn.yellow_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_alpha_0.is_disabled,.btn.yellow_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_alpha_light{background-color:var(--yellow-alpha-light);color:var(--yellow-0)}.btn.yellow_alpha_light.btn_line{border-color:var(--yellow-alpha-light)}.btn.yellow_alpha_light.btn_line.is_disabled,.btn.yellow_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_alpha_light.is_disabled,.btn.yellow_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_dark{background-color:var(--green-dark);color:var(--gray-000)}.btn.green_dark.btn_line{border-color:var(--green-0);background-color:var(--green-alpha-0);color:var(--green-dark)}.btn.green_dark.btn_line.is_disabled,.btn.green_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.green_dark.is_disabled,.btn.green_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_0{background-color:var(--green-0);color:var(--gray-000)}.btn.green_0:hover{background-color:var(--green-dark)}.btn.green_0.btn_line{border-color:var(--green-0);background-color:var(--green-alpha-light);color:var(--green-dark)}.btn.green_0.btn_line:hover{background-color:var(--green-alpha-0)}.btn.green_0.btn_line.is_disabled,.btn.green_0.btn_line:disabled{border-color:var(--gray-300)}.btn.green_0.is_disabled,.btn.green_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_light{background-color:var(--green-light);color:var(--gray-000)}.btn.green_light.btn_line{border-color:var(--green-alpha-dark);background-color:var(--green-alpha-0);color:var(--green-dark)}.btn.green_light.btn_line.is_disabled,.btn.green_light.btn_line:disabled{border-color:var(--gray-300)}.btn.green_light.is_disabled,.btn.green_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_alpha_dark{background-color:var(--green-alpha-dark);color:var(--green-dark)}.btn.green_alpha_dark.btn_line{border-color:var(--green-alpha-dark)}.btn.green_alpha_dark.btn_line.is_disabled,.btn.green_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.green_alpha_dark.is_disabled,.btn.green_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_alpha_0{background-color:var(--green-alpha-0);color:var(--green-dark)}.btn.green_alpha_0.btn_line{border-color:var(--green-alpha-0)}.btn.green_alpha_0.btn_line.is_disabled,.btn.green_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.green_alpha_0.is_disabled,.btn.green_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_alpha_light{background-color:var(--green-alpha-light);color:var(--green-0)}.btn.green_alpha_light.btn_line{border-color:var(--green-alpha-light)}.btn.green_alpha_light.btn_line.is_disabled,.btn.green_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.green_alpha_light.is_disabled,.btn.green_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_dark{background-color:var(--blue-dark);color:var(--gray-000)}.btn.blue_dark.btn_line{border-color:var(--blue-0);background-color:var(--blue-alpha-0);color:var(--blue-dark)}.btn.blue_dark.btn_line.is_disabled,.btn.blue_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_dark.is_disabled,.btn.blue_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_0{background-color:var(--blue-0);color:var(--gray-000)}.btn.blue_0:hover{background-color:var(--blue-dark)}.btn.blue_0.btn_line{border-color:var(--blue-0);background-color:var(--blue-alpha-light);color:var(--blue-dark)}.btn.blue_0.btn_line:hover{background-color:var(--blue-alpha-0)}.btn.blue_0.btn_line.is_disabled,.btn.blue_0.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_0.is_disabled,.btn.blue_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_light{background-color:var(--blue-light);color:var(--gray-000)}.btn.blue_light.btn_line{border-color:var(--blue-alpha-dark);background-color:var(--blue-alpha-0);color:var(--blue-dark)}.btn.blue_light.btn_line.is_disabled,.btn.blue_light.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_light.is_disabled,.btn.blue_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_alpha_dark{background-color:var(--blue-alpha-dark);color:var(--blue-dark)}.btn.blue_alpha_dark.btn_line{border-color:var(--blue-alpha-dark)}.btn.blue_alpha_dark.btn_line.is_disabled,.btn.blue_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_alpha_dark.is_disabled,.btn.blue_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_alpha_0{background-color:var(--blue-alpha-0);color:var(--blue-dark)}.btn.blue_alpha_0.btn_line{border-color:var(--blue-alpha-0)}.btn.blue_alpha_0.btn_line.is_disabled,.btn.blue_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_alpha_0.is_disabled,.btn.blue_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_alpha_light{background-color:var(--blue-alpha-light);color:var(--blue-0)}.btn.blue_alpha_light.btn_line{border-color:var(--blue-alpha-light)}.btn.blue_alpha_light.btn_line.is_disabled,.btn.blue_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_alpha_light.is_disabled,.btn.blue_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_dark{background-color:var(--red-dark);color:var(--gray-000)}.btn.red_dark.btn_line{border-color:var(--red-0);background-color:var(--red-alpha-0);color:var(--red-dark)}.btn.red_dark.btn_line.is_disabled,.btn.red_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.red_dark.is_disabled,.btn.red_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_0{background-color:var(--red-0);color:var(--gray-000)}.btn.red_0:hover{background-color:var(--red-dark)}.btn.red_0.btn_line{border-color:var(--red-0);background-color:var(--red-alpha-light);color:var(--red-dark)}.btn.red_0.btn_line:hover{background-color:var(--red-alpha-0)}.btn.red_0.btn_line.is_disabled,.btn.red_0.btn_line:disabled{border-color:var(--gray-300)}.btn.red_0.is_disabled,.btn.red_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_light{background-color:var(--red-light);color:var(--gray-000)}.btn.red_light.btn_line{border-color:var(--red-alpha-dark);background-color:var(--red-alpha-0);color:var(--red-dark)}.btn.red_light.btn_line.is_disabled,.btn.red_light.btn_line:disabled{border-color:var(--gray-300)}.btn.red_light.is_disabled,.btn.red_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_alpha_dark{background-color:var(--red-alpha-dark);color:var(--red-dark)}.btn.red_alpha_dark.btn_line{border-color:var(--red-alpha-dark)}.btn.red_alpha_dark.btn_line.is_disabled,.btn.red_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.red_alpha_dark.is_disabled,.btn.red_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_alpha_0{background-color:var(--red-alpha-0);color:var(--red-dark)}.btn.red_alpha_0.btn_line{border-color:var(--red-alpha-0)}.btn.red_alpha_0.btn_line.is_disabled,.btn.red_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.red_alpha_0.is_disabled,.btn.red_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_alpha_light{background-color:var(--red-alpha-light);color:var(--red-0)}.btn.red_alpha_light.btn_line{border-color:var(--red-alpha-light)}.btn.red_alpha_light.btn_line.is_disabled,.btn.red_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.red_alpha_light.is_disabled,.btn.red_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_dark{background-color:var(--purple-dark);color:var(--gray-000)}.btn.purple_dark.btn_line{border-color:var(--purple-0);background-color:var(--purple-alpha-0);color:var(--purple-dark)}.btn.purple_dark.btn_line.is_disabled,.btn.purple_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_dark.is_disabled,.btn.purple_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_0{background-color:var(--purple-0);color:var(--gray-000)}.btn.purple_0:hover{background-color:var(--purple-dark)}.btn.purple_0.btn_line{border-color:var(--purple-0);background-color:var(--purple-alpha-light);color:var(--purple-dark)}.btn.purple_0.btn_line:hover{background-color:var(--purple-alpha-0)}.btn.purple_0.btn_line.is_disabled,.btn.purple_0.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_0.is_disabled,.btn.purple_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_light{background-color:var(--purple-light);color:var(--gray-000)}.btn.purple_light.btn_line{border-color:var(--purple-alpha-dark);background-color:var(--purple-alpha-0);color:var(--purple-dark)}.btn.purple_light.btn_line.is_disabled,.btn.purple_light.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_light.is_disabled,.btn.purple_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_alpha_dark{background-color:var(--purple-alpha-dark);color:var(--purple-dark)}.btn.purple_alpha_dark.btn_line{border-color:var(--purple-alpha-dark)}.btn.purple_alpha_dark.btn_line.is_disabled,.btn.purple_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_alpha_dark.is_disabled,.btn.purple_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_alpha_0{background-color:var(--purple-alpha-0);color:var(--purple-dark)}.btn.purple_alpha_0.btn_line{border-color:var(--purple-alpha-0)}.btn.purple_alpha_0.btn_line.is_disabled,.btn.purple_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_alpha_0.is_disabled,.btn.purple_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_alpha_light{background-color:var(--purple-alpha-light);color:var(--purple-0)}.btn.purple_alpha_light.btn_line{border-color:var(--purple-alpha-light)}.btn.purple_alpha_light.btn_line.is_disabled,.btn.purple_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_alpha_light.is_disabled,.btn.purple_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn_toggle{padding:7px 11px;color:var(--gray-500);background-color:var(--gray-000)}.btn_toggle:hover{background-color:var(--gray-100)}.btn_toggle.is_active{color:var(--blue-dark);background-color:var(--blue-alpha-light)}.btn_plus{margin-left:32px;padding:7px 11px 7px 10px;font-size:1.2rem;line-height:1.34;font-weight:500;background-color:var(--blue-0);color:var(--gray-000)}.btn_plus:hover{background-color:var(--blue-dark)}.btn_plus .icon{width:12px;height:12px}.btn_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn_box.full_width{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.btn_box.full_width .btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.btn_top{display:none}@media screen and (max-width:1023px){.btn_top{display:block;position:fixed;bottom:72px;right:24px;margin:0;padding:0;border:none;background-color:transparent}}@media screen and (max-width:1023px){.btn_top .icon{width:32px;height:32px;margin:0}}.btn_top svg rect{fill:var(--gray-000)}
-@charset "UTF-8";.service_card_list .service_card_item{width:100%;border:1px solid var(--gray-400);border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.service_card_list .service_card_item+.service_card_item{margin-top:16px}.service_card_list .service_card_item.is_active .img_box{height:99px;opacity:1}.service_card_list .service_card_item.is_active .img_box svg{height:auto;vertical-align:top}.service_card_list .service_card_item.is_active .service_card_title{padding-top:115px;margin-bottom:8px;opacity:1}.service_card_list .service_card_item.is_active .service_card_desc{height:88px;opacity:1}@media screen and (max-width:1023px){.service_card_list .service_card_item.is_active .service_card_desc{height:auto;max-height:100px}}@media screen and (max-width:639px){.service_card_list .service_card_item.is_active .service_card_desc{max-height:120px}}@media screen and (max-width:359px){.service_card_list .service_card_item.is_active .service_card_desc{max-height:130px}}.service_card_list .service_card_menu{position:relative;width:100%;padding:24px;text-align:left}.service_card_list .img_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:24px;left:0;width:100%;height:0;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}.service_card_list .img_box svg{height:0;vertical-align:top}.service_card_list .service_card_title{display:block;color:var(--gray-900);font-size:2.4rem;line-height:1.34;font-weight:600;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media screen and (max-width:1023px){.service_card_list .service_card_title{font-size:2rem;line-height:1.4}}.service_card_list .service_card_desc{display:block;overflow:hidden;height:0;color:var(--gray-900);font-size:1.4rem;line-height:1.58;font-weight:400;word-break:keep-all;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;opacity:0}@media screen and (max-width:1023px){.service_card_list .service_card_desc{height:auto;max-height:0}}.horizon_list{width:100%}.horizon_list .horizon_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:1023px){.horizon_list .horizon_item{display:block}}.horizon_list .horizon_item+.horizon_item{margin-top:80px}.horizon_list .text_box{max-width:400px;padding-left:40px}@media screen and (max-width:1023px){.horizon_list .text_box{max-width:none;margin-top:24px;padding-left:0;text-align:center}}.horizon_list .text_box .title{display:block;color:var(--gray-800);font-size:2.4rem;line-height:1.34;font-weight:600}@media screen and (max-width:1023px){.horizon_list .text_box .title{font-size:2rem;line-height:1.4;text-align:left}}.horizon_list .text_box .desc{margin-top:24px;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:500;word-break:keep-all}@media screen and (max-width:1023px){.horizon_list .text_box .desc{font-size:1.4rem;line-height:22px;text-align:left}}.horizon_list .text_box .btn{margin-top:24px;margin-left:0}@media screen and (max-width:1023px){.horizon_list .text_box .btn{height:40px}}@media screen and (max-width:639px){.horizon_list .text_box .btn{width:100%}}.horizon_list .text_box .btn.gray800:hover{background-color:var(--gray-900)}
-@charset "UTF-8";.codeblock_box{position:relative}.codeblock_box.is_bash .codeblock{padding:12px 0}.codeblock_box .btn_area{position:absolute;right:8px;top:8px}.codeblock_box .btn_area .btn{padding:9px 11px}.codeblock_box .btn_area .icon{width:12px;height:12px}.codeblock{position:relative;overflow-x:auto;min-height:48px;padding:8px 0;border-radius:4px;border:1px solid var(--gray-400);background:var(--gray-000);-webkit-box-sizing:border-box;box-sizing:border-box}.prism-code{display:table;margin:0;font-family:RobotoMono,Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace}.prism-code .token{white-space:pre}.prism-code .token-line{display:table-row}.prism-code .token-line.is_removed{background:var(--red-alpha-light)}.prism-code .token-line.is_created{background:var(--green-alpha-light)}.prism-code .token-line.is_edited{background:var(--yellow-alpha-light)}.prism-code .string{word-break:break-all}.prism-code .class-name{color:var(--purple-dark)}.prism-code .parameter,.prism-code .plain,.prism-code .property{color:var(--gray-900)}.prism-code .line-content,.prism-code .line-number{display:table-cell;padding:0 16px}.prism-code .line-number{font-size:1.2rem;line-height:2;font-weight:400;color:var(--gray-500);text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.prism-code .line-content{font-size:1.4rem;line-height:1.72;font-weight:400}.prism-code.language-json .token.property{color:var(--blue-dark)}.prism-code.language-json .token.number{color:var(--orange-dark)}.prism-code.language-bash{padding:0 24px}.codeblock_tree_box{padding:16px 24px;border:1px solid var(--gray-400);border-radius:0 0 4px 4px;background:var(--gray-000);color:var(--gray-600);word-break:break-all}.codeblock_tree_box .react-json-view{font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important}.codeblock_tree_box .react-json-view>.object-container>.object-content>.object-key-val>span:first-child .object-key::after{display:none}.codeblock_tree_box .object-key-val{padding:0 !important}.codeblock_tree_box .object-key-val span{position:relative;display:inline-block;opacity:1 !important}.codeblock_tree_box .object-key-val .object-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-left:24px !important}.codeblock_tree_box .object-key-val .icon-container{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.codeblock_tree_box .object-key-val .icon-container .collapsed-icon,.codeblock_tree_box .object-key-val .icon-container .expanded-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.codeblock_tree_box .object-key-val .variable-row,.codeblock_tree_box .object-key-val>span:first-child{display:inline-block;padding:8px 12px;margin-bottom:16px;border-radius:4px;border:1px solid var(--gray-400);font-size:1.4rem;line-height:1.72;font-weight:500;letter-spacing:0 !important}.codeblock_tree_box .object-key-val .variable-row.is_edited,.codeblock_tree_box .object-key-val>span:first-child.is_edited{border-color:var(--yellow-0);background:var(--yellow-alpha-light);color:var(--yellow-dark)}.codeblock_tree_box .object-key-val .variable-row.is_created,.codeblock_tree_box .object-key-val>span:first-child.is_created{border-color:var(--green-0);background:var(--green-alpha-light);color:var(--green-dark)}.codeblock_tree_box .object-key-val .variable-row.is_removed,.codeblock_tree_box .object-key-val>span:first-child.is_removed{border-color:var(--red-0);background:var(--red-alpha-light);color:var(--red-dark)}.codeblock_tree_box .object-key-val .array-key,.codeblock_tree_box .object-key-val .object-key{position:relative;padding-left:20px;font-size:1.4rem;line-height:1.72;font-weight:500}.codeblock_tree_box .object-key-val .object-key-val,.codeblock_tree_box .object-key-val .variable-row{position:relative}.codeblock_tree_box .object-key-val .object-key-val:first-of-type::after,.codeblock_tree_box .object-key-val .variable-row:first-of-type::after{top:-16px;height:32px}.codeblock_tree_box .object-key-val .object-key-val::after,.codeblock_tree_box .object-key-val .variable-row::after{position:absolute;top:0;width:16px;height:16px;border:1px dashed var(--gray-400);border-width:0 0 1px 1px;border-radius:0 0 0 4px;content:""}.codeblock_tree_box .object-key-val .object-key-val:not(:last-of-type)::before,.codeblock_tree_box .object-key-val .variable-row:not(:last-of-type)::before{position:absolute;border:1px dashed var(--gray-400);border-width:0 0 0 1px;content:""}.codeblock_tree_box .object-key-val .object-key-val::after{left:-17px}.codeblock_tree_box .object-key-val .object-key-val:not(:last-of-type)::before{left:-17px;top:17px;bottom:0}.codeblock_tree_box .object-key-val .variable-row{padding:8px 12px !important}.codeblock_tree_box .object-key-val .variable-row::after{left:-18px}.codeblock_tree_box .object-key-val .variable-row:not(:last-of-type)::before{left:-18px;top:16px;bottom:-20px}.codeblock_tree_box .object-key-val .variable-row .object-key{padding:0;border:0;margin:0}.codeblock_tree_box .object-key-val .variable-row .object-key::after,.codeblock_tree_box .object-key-val .variable-row .object-key::before{display:none}.codeblock_tree_box .object-key-val .variable-row .variable-value{padding-right:0 !important}.codeblock_tree_box .object-key-val .brace-row{display:block;width:0;font-size:0}.codeblock_tree_box .object-key-val .object-meta-data{position:absolute}.codeblock_tree_box .node-ellipsis{margin-left:4px}
-@charset "UTF-8";.codeblock_header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:48px;padding:8px 8px 8px 16px;background:var(--gray-50);border:1px solid var(--gray-400);border-radius:4px 4px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.codeblock_header{padding:10px 8px 6px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}}@media screen and (max-width:639px){.codeblock_header{-ms-flex-wrap:wrap;flex-wrap:wrap}}.codeblock_header .box_left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:1023px){.codeblock_header .box_left{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width:639px){.codeblock_header .box_left{margin-right:10px}}.codeblock_header .box_left .btn{height:32px;margin-left:16px;padding:8px 12px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.codeblock_header .box_left .btn{margin:10px 0 0}}.codeblock_header .box_left .btn .icon{width:12px;height:12px}.codeblock_header .desc{padding-left:8px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-800)}.codeblock_header .info_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;padding-left:56px;font-size:1.2rem;line-height:1.34;font-weight:600}@media screen and (max-width:1023px){.codeblock_header .info_list{padding-left:8px}}.codeblock_header .info_list .info_title{color:var(--gray-600)}.codeblock_header .info_list .info_title:not(:first-child){padding-left:40px}.codeblock_header .info_list .info_desc{padding-left:16px;font-weight:400;color:var(--gray-800)}.codeblock_header .box_right{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:639px){.codeblock_header .box_right{margin-top:8px}}.codeblock_header .box_right .btn_area{position:relative;margin-left:24px}.codeblock_header .box_right .btn_line{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 12px;border-radius:4px;border:1px solid var(--gray-400);color:var(--gray-800)}.codeblock_header .box_right .btn_line .icon{width:12px;height:12px}.codeblock_header .btn_toggle{padding:8px}.codeblock_header .btn_toggle:not(.is_active){background:var(--gray-50)}
-@charset "UTF-8";.codeblock_navigator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--gray-400)}.codeblock_navigator .item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:36px;padding:0 16px;border-radius:8px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-600)}.codeblock_navigator .item+.item{margin-left:8px}.codeblock_navigator .item.is_active{background:var(--gray-800);color:var(--gray-000)}
-@charset "UTF-8";.create_project{padding:32px 16px 40px;border:1px solid var(--gray-400);border-radius:16px}@media screen and (max-width:639px){.create_project{padding:0;border:none}}.create_project_area{margin-top:32px}@media screen and (max-width:639px){.create_project_area{margin-top:56px}}@media screen and (max-width:359px){.create_project_area{margin-top:24px}}.create_project+.btn_box{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:32px}@media screen and (max-width:639px){.create_project+.btn_box{position:absolute;right:0;left:0;bottom:0;margin-top:0;padding:32px 16px}}.create_project+.btn_box .btn{padding:12px 56px;font-size:1.6rem;line-height:1.5;font-weight:600}@media screen and (max-width:1023px){.create_project+.btn_box .btn{padding:12px 40px}}@media screen and (max-width:639px){.create_project+.btn_box .btn{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}}.create_project .title_list{overflow-y:overlay;max-height:200px;margin-top:24px}@media screen and (max-width:639px){.create_project .title_list{max-height:310px}}.create_project .title_item.is_active .title_menu,.create_project .title_item:hover .title_menu{background-color:var(--gray-100)}.create_project .title_menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;padding:12px 16px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:639px){.create_project .title_menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.create_project .title_menu .thumbnail{-webkit-box-flex:0;-ms-flex:none;flex:none;width:32px;height:32px}.create_project .title_menu .thumbnail img{display:block;width:100%}.create_project .title_menu .text{font-size:2.4rem;line-height:1.34;font-weight:600;color:var(--gray-800);word-break:break-word;text-align:left}@media screen and (max-width:639px){.create_project .title_menu .text{font-size:1.6rem;line-height:1.5}}.create_project .thumbnail{margin-right:16px}.create_project .thumbnail .icon img{width:48px;height:48px}.create_project .thumbnail_box{position:relative}.create_project .breadcrumb{margin-bottom:24px;padding-left:24px}.create_project .breadcrumb_inner{position:relative;margin-left:16px;padding-left:16px}@media screen and (max-width:1023px){.create_project .breadcrumb_inner:first-child{display:block}.create_project .breadcrumb_inner:last-child{display:none}}.create_project .breadcrumb_inner::before{position:absolute;top:0;left:0;width:1px;height:100%;background-color:var(--gray-500);content:""}.create_project .breadcrumb_inner:first-child{margin-left:0;padding-left:0}.create_project .breadcrumb_inner:first-child::before{display:none}.create_project .breadcrumb .thumbnail{width:16px;height:16px;margin-right:8px;border:1px solid var(--gray-500);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.create_project .breadcrumb_item{padding:0}.create_project .breadcrumb_item .icon{display:block}.create_project .breadcrumb_item.is_undecided .breadcrumb_text,.create_project .breadcrumb_item.is_undecided .breadcrumb_thumb{color:var(--gray-500)}.create_project .project_depth{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:16px}@media screen and (max-width:359px){.create_project .project_depth{display:block}}.create_project .project_depth_item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.create_project .project_depth_item+.project_depth_item{margin-left:16px;padding-left:16px;border-left:1px solid var(--gray-500)}@media screen and (max-width:359px){.create_project .project_depth_item+.project_depth_item{margin-top:10px;margin-left:0;padding-left:0;border-left:none}}.create_project .project_depth .btn_title{display:-webkit-box;display:-ms-flexbox;display:flex}.create_project .project_depth .img_box{display:block;overflow:hidden;position:relative;width:16px;height:16px;margin-right:8px;border-radius:4px}.create_project .project_depth .img_box:empty::before{display:block;width:100%;height:100%;border:1px solid var(--gray-500);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;content:""}.create_project .project_depth .img_box.emoji{border:1px solid var(--gray-500);-webkit-box-sizing:border-box;box-sizing:border-box}.create_project .project_depth .img_box.emoji img{width:12px;height:12px;margin:1px}.create_project .project_depth .img_box img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.create_project .project_depth .tit{font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800);word-break:break-all;text-align:left}.create_project .project_depth .tit:empty::before{color:var(--gray-500);content:attr(data-placeholder)}.create_project .setting_name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:64px 0 20px;padding-left:16px;padding-right:16px}@media screen and (max-width:639px){.create_project .setting_name{margin-top:40px;margin-bottom:0}}.create_project .setting_name .thumbnail{margin-right:0;padding:8px;border:1px solid var(--gray-400);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px}.create_project .setting_name .thumbnail_box{-ms-flex-preferred-size:64px;flex-basis:64px;margin-right:24px}.create_project .setting_name .thumbnail .icon{display:block;width:48px;height:48px}.create_project .setting_name .thumbnail .icon svg{display:block;width:100%;height:100%}.create_project .setting_name .btn{margin:4px 0 0;padding:2px;font-size:1rem;line-height:1;font-weight:500}.create_project .setting_name .input_field_box{margin-top:18px}.create_project .setting_name .input_field_box.is_error .input_guide{margin-top:14px}@media screen and (max-width:1023px){.create_project .setting_name .input_field_box_large .input{font-size:2rem;line-height:1.4;font-weight:600}}.create_project .btn_emoji{width:100%}.create_project .btn_emoji.is_active+.emoji_group{display:block}.create_project .emoji_group{position:absolute;top:100%;left:0;z-index:10;width:472px;margin-top:-13px;margin-left:-1px;background-color:var(--gray-000)}.create_project .emoji_group .btn_box{padding:14px 37px 13px 29px}.create_project .emoji_group .btn_box .btn{margin-top:0}.create_project .emoji_group .btn_box .icon{width:16px;height:16px}.create_project .emoji_group .btn_box .text{font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-600)}.create_project .search .input_field_box{margin-top:0}
-@charset "UTF-8";.document_header .title_box{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:28px;padding:0 40px 0 8px}@media screen and (max-width:1023px){.document_header .title_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0}}.document_header .dropdown{position:absolute;top:30px;right:0;z-index:1}.document_header .title_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-left:16px}@media screen and (max-width:1023px){.document_header .title_inner{padding:16px 0 0}}.document_header .btn .icon{width:24px;height:24px}.document_header .btn_back{padding:0;color:var(--gray-800)}.document_header .btn_more{position:absolute;top:2px;right:8px;padding:0}@media screen and (max-width:1023px){.document_header .btn_more{top:0;right:0}}.document_header .btn_more .icon svg path{stroke:var(--gray-800)}.document_header .title{font-size:2rem;line-height:1.4;font-weight:600;color:var(--gray-800);word-break:break-all}.document_header .date{padding:0 0 3px 16px;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-600);-webkit-box-flex:0;-ms-flex:none;flex:none}.document_header .info_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:54px;margin-top:8px;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.document_header .info_list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:52px;padding:0}}@media screen and (max-width:1023px){.document_header .info_item+.info_item{padding-top:10px}}.document_header .info_desc,.document_header .info_title{display:inline-block}.document_header .info_title{margin-right:24px;font-size:1.2rem;line-height:1.34;font-weight:600;color:var(--gray-600)}.document_header .info_desc{font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800)}
-@charset "UTF-8";.dropdown{padding:8px 0;border:1px solid var(--gray-400);border-radius:6px;background-color:var(--gray-000)}.dropdown_l{border-radius:10px}.dropdown_l .dropdown_text{font-size:1.4rem;line-height:1.58}.dropdown_title{display:block;padding:4px 16px 8px;font-size:.8rem;line-height:1.5;font-weight:400;color:var(--gray-500)}.dropdown_title:not(:first-of-type){padding:8px 16px;margin-top:4px;border-top:1px solid var(--gray-400)}.dropdown_list+.dropdown_list{margin:4px 0 0;padding-top:3px;border-top:1px solid var(--gray-400)}.dropdown_item.has_border{margin-top:4px;padding-top:3px;border-top:1px solid var(--gray-400)}.dropdown_menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:14px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .2s;transition:background .2s;text-align:left}.dropdown_menu.is_active,.dropdown_menu:hover{background-color:var(--orange-alpha-light)}.dropdown_menu.is_active .dropdown_text,.dropdown_menu:hover .dropdown_text{color:var(--gray-800)}.dropdown_menu.is_active .highlight,.dropdown_menu:hover .highlight{color:var(--red-dark)}.dropdown_text{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-size:1.2rem;line-height:1.34;color:var(--gray-900);word-break:break-all}.dropdown .highlight{color:var(--red-dark)}.dropdown .icon{-webkit-box-flex:0;-ms-flex:none;flex:none;width:16px;height:16px}.dropdown .icon svg{display:block;width:100%;height:100%}.dropdown .icon svg path{fill:currentColor}.dropdown .icon+.dropdown_text{margin-left:10px}
-@charset "UTF-8";.emoji_group{border:1px solid var(--gray-400);border-radius:6px}.emoji_group .btn_box{padding:8px 25px 7px 15px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--gray-400)}.emoji_group .search{margin-bottom:27px}.emoji_group .emoji_box{overflow-y:auto;max-height:365px;padding:16px 24px 24px;-webkit-box-sizing:border-box;box-sizing:border-box}
-@charset "UTF-8";.filter{-webkit-box-flex:0;-ms-flex:none;flex:none}@media screen and (max-width:1023px){.filter{padding-left:32px;padding-right:32px}}@media screen and (max-width:639px){.filter{width:100%;padding-left:16px;padding-right:16px;-webkit-box-sizing:border-box;box-sizing:border-box}}.filter_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--gray-400)}@media screen and (max-width:639px){.filter_list{display:block}}.filter_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.filter_item+.filter_item{margin-left:16px}@media screen and (max-width:639px){.filter_item+.filter_item{margin-left:0}}.filter_title{font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-500)}.filter_desc{padding:7px;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-800)}.filter .btn{margin:0}.filter .btn .text{margin-left:16px}.filter .icon_arrow{width:12px;height:12px;margin-left:13px;color:var(--gray-800)}.filter .icon_check svg path{fill:currentColor}.filter .dropdown{position:absolute;top:100%;right:0;width:200px;margin-top:-5px;z-index:10}@media screen and (max-width:639px){.filter .dropdown{left:0;right:0;width:auto;margin-top:0;-webkit-box-shadow:0 8px 16px -8px rgba(0,0,0,.2);box-shadow:0 8px 16px -8px rgba(0,0,0,.2)}}.filter .dropdown_list{overflow-y:overlay;max-height:200px}.filter .dropdown_text:only-child{padding-left:26px}
-@charset "UTF-8";.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:47px;border-top:1px solid var(--gray-300);background-color:var(--gray-000)}.footer svg path:nth-child(-n+6){fill:var(--gray-800)}.footer svg path:nth-child(7){fill:var(--gray-800)}.footer svg path:nth-child(8),.footer svg path:nth-child(9){fill:var(--gray-400)}
-@charset "UTF-8";.footer_service{background:var(--gray-50)}.footer_service .footer_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1120px;margin:0 auto;padding:56px 40px}@supports (padding:env(safe-area-inset-right)){.footer_service .footer_inner{padding:56px calc(40px + env(safe-area-inset-right)) calc(56px + env(safe-area-inset-bottom)) calc(40px + env(safe-area-inset-left))}}@supports (padding:constant(safe-area-inset-right)){.footer_service .footer_inner{padding:56px calc(40px + constant(safe-area-inset-right)) calc(56px + constant(safe-area-inset-bottom)) calc(40px + constant(safe-area-inset-left))}}@media screen and (max-width:1023px){.footer_service .footer_inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.footer_service .link{display:inline-block}.footer_service .box_info{min-width:180px}.footer_service .box_info .filter{display:block}.footer_service .logo{display:block;width:154px;margin-left:-9px}.footer_service .logo svg{width:100%;height:100%}.footer_service .logo svg path:nth-child(-n+6){fill:var(--gray-800)}.footer_service .logo svg path:nth-child(8),.footer_service .logo svg path:nth-child(9){fill:var(--yellow-0)}.footer_service .copyright{padding:22px 24px 0 0;font-size:1.4rem;line-height:1.58;font-weight:400;color:var(--gray-800)}.footer_service .copyright:only-child{padding:24px 0;text-align:center}.footer_service .box_site{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 0}@media screen and (max-width:1023px){.footer_service .box_site{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.footer_service .site{min-width:160px}@media screen and (max-width:1023px){.footer_service .site{-webkit-box-flex:1;-ms-flex:1;flex:1}}.footer_service .site+.site{margin-left:32px}@media screen and (max-width:1023px){.footer_service .site+.site{margin:24px 0 0 0}}.footer_service .site .title{display:block;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-800)}.footer_service .site_list{padding-top:24px}.footer_service .site_item{font-size:1.4rem;line-height:1.58;font-weight:400;color:var(--gray-800)}.footer_service .site_item+.site_item{margin-top:16px}.footer_service .filter{margin:12px 0 32px -2px}@media screen and (max-width:1023px){.footer_service .filter{padding:0}}.footer_service .filter_list{border-bottom:none}.footer_service .filter .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border:1px solid var(--gray-400)}.footer_service .filter .dropdown{left:-1px;right:auto;margin-top:-2px;width:auto;min-width:100%}.footer_service .filter .dropdown_text:only-child{padding-left:0}.darkmode .footer_service .logo svg path:nth-child(7){fill:var(--gray-100)}
-@charset "UTF-8";.grid_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-16px}@media screen and (max-width:1023px){.grid_list{margin-left:0}}.grid_item{-ms-flex-preferred-size:calc(50% - 16px);flex-basis:calc(50% - 16px);margin-left:16px;margin-bottom:24px}@media screen and (max-width:1023px){.grid_item{-ms-flex-preferred-size:calc(50% - 8px);flex-basis:calc(50% - 8px)}}@media screen and (max-width:639px){.grid_item{-ms-flex-preferred-size:100%;flex-basis:100%;margin-left:0}}@media screen and (max-width:1023px){.grid_item:nth-child(odd){margin-left:0}}@media screen and (max-width:639px){.grid_item:last-child{margin-bottom:0}}.grid_item:only-child{margin-bottom:0}@media screen and (max-width:1023px){.grid_item:only-child{-ms-flex-preferred-size:100%;flex-basis:100%}}.grid_card{display:block;border:1px solid var(--gray-400);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.grid_card_info{padding:6px 16px 17px 20px;border-top:1px solid var(--gray-400)}.grid_card_info .title{display:block;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:600;word-break:break-word}.grid_card_info .desc{min-height:33px;margin-top:8px;color:var(--gray-800);font-size:1.2rem;line-height:1.34;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}@media screen and (max-width:639px){.grid_card_info .desc{display:block;min-height:auto;-webkit-line-clamp:initial}}.grid_thumbnail{overflow:hidden}.grid_thumbnail svg{display:block;width:100%;height:auto}.grid_thumbnail svg>path{stroke:none}.grid_list2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:1023px){.grid_list2{display:block}}.grid_list2 .grid_item{-ms-flex-preferred-size:calc(50% - 14px);flex-basis:calc(50% - 14px);margin:24px 0 0 24px;border:1px solid var(--gray-400);border-radius:4px}@media screen and (max-width:1023px){.grid_list2 .grid_item{height:calc(50% - 14px);margin-left:0}}.grid_list2 .grid_item:nth-child(-n+2){margin-top:0}@media screen and (max-width:1023px){.grid_list2 .grid_item:nth-child(-n+2){margin-top:24px}}.grid_list2 .grid_item:nth-child(odd){margin-left:0}@media screen and (max-width:1023px){.grid_list2 .grid_item:first-child{margin-top:0}}.grid_list2 .grid_item.is_active{border-color:var(--blue-0)}.grid_list2 .grid_item.add_screen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;background-color:var(--gray-50);border:1px dashed var(--gray-400)}@media screen and (min-width:1024px){.grid_list2 .grid_item.add_screen{margin-top:0;margin-left:24px}}.grid_list2 .grid_item.add_screen .guide{font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);text-align:center}.grid_list2 .grid_item .btn_add{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;height:100%;min-height:222px;border-radius:4px;color:var(--gray-800)}.grid_list2 .icon_plus{position:absolute;top:50%;left:50%;color:var(--gray-900)}.grid_list2 .btn_add_screen{position:absolute;top:0;left:0;width:100%;height:100%}
-@charset "UTF-8";.header{position:-webkit-sticky;position:sticky;top:0;height:64px;z-index:100}.header_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:1920px;height:64px;margin:0 auto;background-color:var(--gray-000)}@media screen and (max-width:1023px){.header_inner{max-width:none;height:100%;padding:0 24px 0 32px;border-bottom:1px solid var(--gray-400);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:none;transform:none}@supports (padding:env(safe-area-inset-right)){.header_inner{padding:0 calc(24px + env(safe-area-inset-right)) 0 calc(32px + env(safe-area-inset-left))}}@supports (padding:constant(safe-area-inset-right)){.header_inner{padding:0 calc(24px + constant(safe-area-inset-right)) 0 calc(32px + constant(safe-area-inset-left))}}}@media screen and (max-width:639px){.header_inner{padding:0 8px 0 16px}@supports (padding:env(safe-area-inset-right)){.header_inner{padding:0 calc(8px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left))}}@supports (padding:constant(safe-area-inset-right)){.header_inner{padding:0 calc(8px + constant(safe-area-inset-right)) 0 calc(16px + constant(safe-area-inset-left))}}}.header .util_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:16px}@media screen and (max-width:1023px){.header .util_box{padding-right:0}}.header .util_box .util_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}@media screen and (max-width:1023px){.header .util_box .util_list{display:none}}.header .util_box .util_item{position:relative;height:100%;margin-left:8px}.header .util_box .util_item:first-child{margin-left:0}.header .util_box .util_menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.4rem;line-height:1.58;font-weight:300;color:var(--gray-800)}.header .util_box .util_menu .profile{overflow:hidden;width:26px;height:26px;border-radius:50%}.header .util_box .util_menu .profile .img_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.header .util_box .util_menu .profile .name{font-size:1.2rem;line-height:1.34;font-weight:600;color:var(--gray-900)}.header .util_box .util_menu .profile img{display:block;width:100%}.header .util_box .input_toggle_box{display:none}@media screen and (max-width:1023px){.header .util_box .input_toggle_box{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:16px}}.header .util_box .btn_menu{display:none}@media screen and (max-width:1023px){.header .util_box .btn_menu{display:block;width:100%;padding:0 8px;height:32px;-webkit-box-sizing:border-box;box-sizing:border-box}}.header .util_box .btn_menu .icon{width:16px;height:16px;color:var(--gray-500)}.header .util_box .btn_menu .icon svg{display:block;width:100%;height:100%}.header .util_box .icon_close,.header .util_box .icon_menu{display:none}.header .util_box .icon_close.is_active,.header .util_box .icon_menu.is_active{display:block}.header .user_account{padding:8px 16px 16px}@media screen and (max-width:1023px){.header .user_account{margin-top:4px;padding:16px 24px;border-top:1px solid var(--gray-400)}}@media screen and (max-width:639px){.header .user_account{padding:16px 16px}}.header .user_account_text{font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-900);word-break:break-all}@media screen and (max-width:1023px){.header .user_account_text{font-size:1.6rem;line-height:1.5;color:var(--gray-500)}}.header .user_account_mail{display:block;margin-top:2px;font-size:1rem;line-height:1.2;color:var(--gray-600);word-break:break-all}@media screen and (max-width:1023px){.header .user_account_mail{font-size:1.4rem;line-height:1.58;font-weight:300;color:var(--gray-500)}}.header .dropdown{position:absolute;top:100%;right:0;width:256px}.header .dropdown_menu{width:100%;padding-left:16px;padding-right:16px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left}.header .dropdown_menu.is_active,.header .dropdown_menu:hover{background-color:var(--gray-100)}.header .dropdown_text{font-size:1.4rem;line-height:1.58}@media screen and (max-width:1023px){.header .util_list_mo{overflow-y:auto;position:fixed;top:64px;left:0;right:0;bottom:0;width:100%;margin-top:0}}@media screen and (max-width:1023px){.header .util_list_mo.dropdown{border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none}}.header .util_list_mo.dropdown .dropdown_menu{padding-left:32px;padding-right:32px}@media screen and (max-width:639px){.header .util_list_mo.dropdown .dropdown_menu{padding-left:16px;padding-right:16px}}.header .util_list_mo.dropdown .dropdown_menu.is_active,.header .util_list_mo.dropdown .dropdown_menu:hover{background-color:var(--gray-100)}.header .util_list_mo.dropdown .dropdown_menu.is_active+.modal{display:block}.header .util_list_mo.dropdown .dropdown_text{font-size:1.6rem;line-height:1.5;color:var(--gray-800)}.header .util_list_mo.dropdown .highlight{color:var(--red-dark)}.header .user_profile.is_active+.dropdown{display:block;margin-top:-8px}.header .terms_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:4px;padding:5px 0 3px;border-top:1px solid var(--gray-400)}.header .terms_item{position:relative}.header .terms_item::before{position:absolute;top:11px;left:0;width:2px;height:2px;border-radius:50%;background-color:var(--gray-400);content:""}.header .terms_item:first-child::before{display:none}.header .terms_menu{display:block;padding:5px 8px;font-size:1rem;line-height:1;color:var(--gray-400)}.header_bar{display:none}@media screen and (max-width:1023px){.header_bar{display:block;margin:0 -32px}@supports (padding:env(safe-area-inset-right)){.header_bar{margin:0 calc(-32px - env(safe-area-inset-right)) 0 calc(-32px - env(safe-area-inset-left))}}@supports (padding:constant(safe-area-inset-right)){.header_bar{margin:0 calc(-32px - constant(safe-area-inset-right)) 0 calc(-32px - constant(safe-area-inset-left))}}}@media screen and (max-width:639px){.header_bar{margin:0 -16px}@supports (padding:env(safe-area-inset-right)){.header_bar{margin:0 calc(-16px - env(safe-area-inset-right)) 0 calc(-16px - env(safe-area-inset-left))}}@supports (padding:constant(safe-area-inset-right)){.header_bar{margin:0 calc(-16px - constant(safe-area-inset-right)) 0 calc(-16px - constant(safe-area-inset-left))}}}.header_bar .header_inner{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:16px}@media screen and (max-width:1023px){.breadcrumb{padding-left:0}}.breadcrumb .logo{padding:8px}@media screen and (max-width:1023px){.breadcrumb .logo{width:24px;height:24px;margin-right:8px;padding:0}}.breadcrumb .logo_menu{display:block}@media screen and (max-width:1023px){.breadcrumb .logo_menu{height:100%}}.breadcrumb .logo svg{display:block;width:100%;height:100%}.breadcrumb .dropdown{position:absolute;top:43px;left:8px;z-index:20;width:327px;padding:8px 0;border:1px solid var(--gray-400);border-radius:4px;background-color:var(--gray-000)}@media screen and (max-width:1023px){.breadcrumb .dropdown{top:100%;left:-17px;margin-top:-6px}}@media screen and (max-width:639px){.breadcrumb .dropdown{left:-4px}}.breadcrumb .dropdown_menu{padding:12px 16px;color:var(--gray-800)}.breadcrumb .dropdown_menu.is_active,.breadcrumb .dropdown_menu:hover{background-color:var(--gray-100)}.breadcrumb .dropdown_list{-webkit-overflow-scrolling:touch;overflow-y:overlay;max-height:180px}.breadcrumb .dropdown ::-webkit-scrollbar{width:10px;height:4px}.breadcrumb .dropdown ::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:10px;border:3px solid var(--gray-000)}.breadcrumb .dropdown ::-webkit-scrollbar-track{background:0 0}.breadcrumb_inner{position:relative}@media screen and (max-width:1023px){.breadcrumb_inner{display:none}}@media screen and (max-width:1023px){.breadcrumb_inner:last-child{display:block}}@media screen and (max-width:1023px){.breadcrumb_inner.team_list{height:100%}}@media screen and (max-width:1023px){.breadcrumb_inner.team_list .breadcrumb_item{height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:0}}@media screen and (max-width:1023px){.breadcrumb_inner.team_list .breadcrumb_item::before{display:none}}.breadcrumb_item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-left:16px;padding:8px}@media screen and (max-width:1023px){.breadcrumb_item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:0;padding:16px 0}.breadcrumb_item::before{display:none}}.breadcrumb_item::before{position:absolute;top:8px;left:-8px;width:1px;height:16px;background-color:var(--gray-400);content:""}.breadcrumb_item.is_active+.dropdown{display:block}.breadcrumb_item .icon{display:none}@media screen and (max-width:1023px){.breadcrumb_item .icon{display:block;height:16px;color:var(--gray-500)}}.breadcrumb_thumb{overflow:hidden;position:relative;width:16px;height:16px;margin-right:8px;border-radius:4px}.breadcrumb_thumb.emoji{border:1px solid var(--gray-400);-webkit-box-sizing:border-box;box-sizing:border-box}.breadcrumb_thumb.emoji img{position:absolute;top:50%;left:50%;width:12px;height:12px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.breadcrumb_thumb.icon_square,.breadcrumb_thumb.icon_star_full{width:12px;height:12px;margin-top:1px;padding:0 2px}.breadcrumb_thumb img,.breadcrumb_thumb svg{position:absolute;top:0;left:0;width:100%;height:100%}.breadcrumb_thumb svg path{fill:currentColor}.breadcrumb_text{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;font-size:1.2rem;line-height:1.34;font-weight:500;word-break:break-all;color:var(--gray-800)}@media screen and (max-width:1023px){.breadcrumb_text{margin-right:8px;font-size:1.4rem;line-height:1.58}}.darkmode .breadcrumb .logo svg [fill="#514C49"]{fill:var(--gray-100)}
-@charset "UTF-8";.header_service{position:-webkit-sticky;position:sticky;height:64px;top:0;z-index:100;background:var(--gray-000)}.header_service .header_inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding:12px 8px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.header_service .header_inner{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-bottom:1px solid var(--gray-400);padding:0 24px 0 32px}@supports (padding:env(safe-area-inset-right)){.header_service .header_inner{padding:0 calc(24px + env(safe-area-inset-right)) 0 calc(32px + env(safe-area-inset-left))}}@supports (padding:constant(safe-area-inset-right)){.header_service .header_inner{padding:0 calc(24px + constant(safe-area-inset-right)) 0 calc(32px + constant(safe-area-inset-left))}}}@media screen and (max-width:639px){.header_service .header_inner{padding:0 8px 0 16px}@supports (padding:env(safe-area-inset-right)){.header_service .header_inner{padding:0 calc(8px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left))}}@supports (padding:constant(safe-area-inset-right)){.header_service .header_inner{padding:0 calc(8px + constant(safe-area-inset-right)) 0 calc(16px + constant(safe-area-inset-left))}}}.header_service .logo{padding:0 16px}@media screen and (max-width:1023px){.header_service .logo{margin-right:8px;width:24px;height:24px}}.header_service .logo a{display:block;width:100%;height:100%}.header_service .logo svg{vertical-align:top}.header_service .logo svg path:nth-child(n+5){fill:var(--gray-800)}.header_service .logo svg [stroke="#FEFDFB"]{-webkit-mask:none;mask:none;stroke:none}@media screen and (min-width:1024px){.header_service .logo svg:last-of-type{display:none}}@media screen and (max-width:1023px){.header_service .logo svg{width:100%;height:100%}.header_service .logo svg:first-of-type{display:none}}@media screen and (max-width:1023px){.header_service .logo{padding:0}}.header_service .nav{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 44px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.header_service .nav{display:none}}.header_service .gnb{display:-webkit-box;display:-ms-flexbox;display:flex}.header_service .gnb_item+.gnb_item{margin-left:16px}.header_service .gnb_item.is_active .link{color:var(--orange-dark)}.header_service .gnb_item .link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:32px;padding:4px 8px;border-radius:4px;font-size:1.6rem;line-height:1.5;font-weight:500;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--gray-900)}.header_service .gnb_item .link:hover{background:var(--gray-100)}.header_service .header_util{-webkit-box-flex:0;-ms-flex:none;flex:none}@media screen and (max-width:1023px){.header_service .header_util .btn{display:none}}.header_service .header_util .btn_menu{display:none;position:absolute;right:24px;top:50%;padding:8px;color:var(--gray-500);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:1023px){.header_service .header_util .btn_menu{display:block}}@media screen and (max-width:639px){.header_service .header_util .btn_menu{right:8px}}@media screen and (orientation:landscape){@supports (right:env(safe-area-inset-right)){.header_service .header_util .btn_menu{right:calc(24px + env(safe-area-inset-right))}}@supports (right:constant(safe-area-inset-right)){.header_service .header_util .btn_menu{right:calc(24px + constant(safe-area-inset-right))}}}.header_service .header_util .btn_menu .icon_close,.header_service .header_util .btn_menu .icon_menu{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:16px;height:16px}.header_service .header_util .btn_menu .icon_close svg,.header_service .header_util .btn_menu .icon_menu svg{width:100%}.header_service .header_util .btn_menu .icon_close.is_active,.header_service .header_util .btn_menu .icon_menu.is_active{display:-webkit-box;display:-ms-flexbox;display:flex}.header_service .header_util .btn_line{color:var(--gray-900)}.header_service .header_util .orange_0{-webkit-transition:none;transition:none}.header_service .header_util .orange_0:hover{background:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background:linear-gradient(180deg,#ff9754 0,#f96767 100%)}.header_service .menu_list_mo{overflow-y:auto;position:fixed;top:64px;left:0;right:0;bottom:0;width:100%;margin-top:0;padding:40px 0;border:none}@media screen and (orientation:landscape){@supports (left:env(safe-area-inset-right)){.header_service .menu_list_mo{left:calc(0px + env(safe-area-inset-left))}}@supports (left:constant(safe-area-inset-right)){.header_service .menu_list_mo{left:calc(0px + constant(safe-area-inset-left))}}}.header_service .menu_list_mo .dropdown_item .navigator_list{max-width:none}.header_service .menu_list_mo .dropdown_item .navigator>.navigator_list{padding-top:8px}.header_service .menu_list_mo .dropdown_item .navigator_group>.navigator_menu{padding-left:12px}.header_service .menu_list_mo .dropdown_item .navigator_group .navigator_list{padding:0}.header_service .menu_list_mo .dropdown_item .navigator_group .navigator_list .navigator_item{margin-top:0;padding-left:44px;padding-right:44px}.header_service .menu_list_mo .dropdown_item .navigator_menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px 40px;font-size:1.4rem;line-height:1.58;font-weight:500}.header_service .menu_list_mo .dropdown_item .navigator_menu .icon{width:16px;height:16px}.header_service .menu_list_mo .dropdown_item .navigator_menu.is_active+.navigator_list{display:block}.header_service .menu_list_mo .dropdown_item .navigator_menu.is_active svg{-webkit-transform:rotate(0);transform:rotate(0)}.header_service .menu_list_mo .dropdown_item .navigator_menu+.navigator_list{display:none}.header_service .menu_list_mo .dropdown_item .navigator_menu+.navigator_list .navigator_group+.navigator_group{margin-top:0}.header_service .menu_list_mo .dropdown_item .navigator_item{padding-left:36px;padding-right:36px}.header_service .menu_list_mo .dropdown_item .navigator_item:hover{color:var(--orange-0)}.header_service .menu_list_mo .dropdown_item .navigator_item.is_active{border:none;background:var(--gray-000);color:var(--orange-0)}.header_service .menu_list_mo .dropdown_menu{padding:12px 36px}.header_service .menu_list_mo .dropdown_menu:hover{background:var(--gray-100)}.header_service .menu_list_mo .dropdown_menu+.navigator{display:none}.header_service .menu_list_mo .dropdown_menu.is_show+.navigator{display:block}.header_service .menu_list_mo .dropdown_menu.is_show .icon_toggle{-webkit-transform:rotate(0);transform:rotate(0)}.header_service .menu_list_mo .dropdown_menu.btn_docs{padding:12px}.header_service .menu_list_mo .dropdown_menu.btn_docs.is_show{background-color:transparent}.header_service .menu_list_mo .dropdown_menu.btn_docs.is_show.is_active{background-color:var(--orange-alpha-light)}.header_service .menu_list_mo .dropdown_menu .dropdown_text{-webkit-box-flex:0;-ms-flex:none;flex:none}.header_service .menu_list_mo .dropdown_menu .icon{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;margin-left:6px}.header_service .menu_list_mo .dropdown_menu .icon_toggle{margin-left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.header_service .menu_list_mo .dropdown_menu .icon_toggle svg path{fill:var(--gray-900)}.header_service .menu_list_mo .dropdown_menu .icon+.dropdown_text{margin-left:7px}.header_service .menu_list_mo .dropdown_text{font-size:1.6rem;line-height:1.5;font-weight:500}.darkmode .header_service .logo svg [fill="#514C49"]{fill:var(--gray-100)}
-@charset "UTF-8";.history_header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:639px){.history_header{-ms-flex-wrap:wrap;flex-wrap:wrap}}.history_header .title_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.history_header .btn_back{padding:0;border:none}.history_header .btn_back .icon{width:24px;height:24px;color:var(--gray-800)}.history_header .title{margin-left:16px;font-size:2rem;line-height:1.4;font-weight:600;color:var(--gray-800)}.history_header .btn_toggle{padding:8px}.history_header .input_toggle_box{margin-right:16px}.history_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:0 8px}@media screen and (max-width:639px){.history_title{display:block}}.history_title .title{font-size:2rem;line-height:1.4;font-weight:600;color:var(--gray-800)}@media screen and (max-width:639px){.history_title .title{display:block;margin-bottom:4px}}.history_title .date{padding:0 0 3px 16px;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-600)}@media screen and (max-width:639px){.history_title .date{display:block;padding-bottom:0;padding-left:0}}.history_slider{position:relative}.history_slider_info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;width:100%;bottom:32px;padding-bottom:16px}.history_slider_info .date{font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-600)}.history_slider_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;overflow-x:auto;position:relative;z-index:10;height:95px;-webkit-box-sizing:border-box;box-sizing:border-box}.history_slider_inner .rc-slider{height:32px;padding:0}.history_slider_inner .rc-slider-rail{height:100%;opacity:0}.history_slider_inner .rc-slider-step{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;pointer-events:all}.history_slider_inner .rc-slider-dot{display:block;-webkit-box-flex:0;-ms-flex:none;flex:none;position:relative;left:0 !important;bottom:0;width:24px;height:32px;border-radius:4px;border:0;background:var(--gray-200);-webkit-transform:translate(0) !important;transform:translate(0) !important;-webkit-box-sizing:border-box;box-sizing:border-box}.history_slider_inner .rc-slider-dot:hover::after{display:block}.history_slider_inner .rc-slider-dot:last-of-type{width:128px}.history_slider_inner .rc-slider-dot:last-of-type::after{content:none}.history_slider_inner .rc-slider-dot+.rc-slider-dot{margin-left:8px}.history_slider_inner .rc-slider-dot.rc-slider-dot-active{background:var(--orange-alpha-0)}.history_slider_inner .rc-slider-dot.is_end,.history_slider_inner .rc-slider-dot.is_first{background:var(--orange-0)}.history_slider_inner .rc-slider-dot.is_end::before,.history_slider_inner .rc-slider-dot.is_first::before{display:block;position:absolute;top:50%;left:50%;width:2px;height:16px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:""}.history_slider_inner .rc-slider-dot.is_first.is_end::before{width:8px}.history_slider_inner .rc-slider-dot:nth-child(-n+3) .layer_history{left:0;-webkit-transform:translate(0);transform:translate(0)}.history_slider_inner .rc-slider-dot::after{display:none;position:absolute;left:50%;top:-10px;width:4px;height:4px;border-radius:50%;border:1px solid var(--gray-400);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-sizing:border-box;box-sizing:border-box;content:""}.history_slider_inner .rc-slider-handle{opacity:0}.history_slider_inner .rc-slider-track{opacity:0}.history_slider .layer_history{display:block;position:absolute;top:0;width:216px;height:44px;padding:4px 8px;margin-left:8px;margin-bottom:16px;border:1px solid var(--gray-400);border-radius:4px;-webkit-transform:translateX(calc(-50% + 12px));transform:translateX(calc(-50% + 12px));-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--gray-000)}.history_slider .layer_history.is_active{display:block}.history_slider .layer_history.type_first{margin-left:0;-webkit-transform:translateX(0);transform:translateX(0)}.history_slider .layer_history.type_second{margin-left:0;-webkit-transform:translateX(-24px);transform:translateX(-24px)}.history_slider .layer_history.type_third{margin-left:0;-webkit-transform:translateX(-56px);transform:translateX(-56px)}.history_slider .layer_history .name{font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-800)}.history_slider .layer_history .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.history_slider .layer_history .text{font-size:1.2rem;line-height:1.34;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gray-800)}.history_slider .layer_history .date{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-bottom:3px;font-size:.8rem;line-height:1;font-weight:400;color:var(--gray-600)}.history_changes{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:56px;border:1px solid var(--gray-400);border-radius:4px;background:var(--gray-50);-webkit-box-sizing:border-box;box-sizing:border-box}.history_changes.is_tree .btn_history.is_edited{border:1px solid var(--yellow-dark);background:var(--yellow-alpha-light);color:var(--yellow-dark)}.history_changes.is_tree .btn_history.is_removed{border:1px solid var(--red-dark);background:var(--red-alpha-light);color:var(--red-dark)}.history_changes.is_tree .btn_history.is_created{border:1px solid var(--green-dark);background:var(--green-alpha-light);color:var(--green-dark)}.history_changes .title{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:0 16px;border-right:1px solid var(--gray-400);font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-800)}.history_changes .history_box{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-x:auto}.history_changes .history_list{height:100%;padding:12px 16px;font-size:0;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.history_changes .btn_history{display:inline-block;height:32px;padding:8px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.2rem;line-height:1.34;font-weight:600}.history_changes .btn_history:last-of-type{margin-right:16px}.history_changes .btn_history.is_edited{background:var(--yellow-alpha-0)}.history_changes .btn_history.is_removed{background:var(--red-alpha-0)}.history_changes .btn_history.is_created{background:var(--green-alpha-0)}.history_changes .btn_history+.btn_history{margin-left:8px}.history_codeblock_header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:48px;padding:13px;border:1px solid var(--gray-400);border-radius:4px 4px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
-@charset "UTF-8";.icon{display:inline-block;vertical-align:top}.icon svg{display:block}.icon svg path{fill:currentColor}.icon_logo svg{display:block}.icon_close_s{width:6px;height:6px}.icon_close_s svg{width:100%;height:100%}.icon_arrow_left{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icon_arrow_right{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.icon_arrow_up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
-@charset "UTF-8";.image_area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:24px}.image_area .image_group{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.image_area .image_group+.image_group{padding-left:16px}.image_area .image_desc{color:var(--gray-800);font-size:1.2rem;line-height:1.34;font-weight:400}.image_area .image_box img{vertical-align:top;width:100%;height:auto}
-@charset "UTF-8";.setting_image{font-size:0;line-height:normal}.setting_image .link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0}.setting_image .emoji{padding:6px 6px 7px 7px;border:1px solid var(--gray-400);border-radius:16px}.setting_image .text{margin-left:24px;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-600)}
-@charset "UTF-8";.input{display:inline-block;width:100%;padding:13px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid var(--gray-400);border-radius:4px;background-color:transparent;font-size:1.4rem;line-height:1.58;color:var(--gray-900);vertical-align:top}.input[type=search]{outline-offset:initial;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::-webkit-input-placeholder{color:var(--gray-500)}.input::-moz-placeholder{color:var(--gray-500)}.input:-ms-input-placeholder{color:var(--gray-500)}.input::-ms-input-placeholder{color:var(--gray-500)}.input::placeholder{color:var(--gray-500)}.input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:var(--gray-900)}.input:focus,.input:focus-visible{border-color:var(--blue-0);caret-color:var(--blue-0);outline:0}.input_group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:639px){.input_group{display:block}}.input_group .input_guide_desc{font-weight:500}.input_group.is_success .input_guide{color:var(--green-dark)}.input_group.is_success .input_guide .icon path:first-child{display:none}.input_group.is_success .input_guide_desc{color:var(--green-dark)}.input_group.is_error .input_guide{color:var(--red-dark)}.input_group.is_error .input_guide .icon path:last-child{display:none}.input_group.is_error .input_guide_desc{color:var(--red-dark)}.input_box{display:inline-block;vertical-align:top;color:var(--gray-800)}.input_box .label{display:block;position:relative;font-size:1.2rem;line-height:1.34;color:var(--gray-800);word-break:break-all}.input_box .label~.input{margin-top:8px}.input_box .label_in{position:absolute;top:0;left:16px;right:40px;font-size:1.4rem;line-height:1.58;color:var(--gray-500);-webkit-transform:translateY(14px);transform:translateY(14px);-webkit-transition-duration:.3s;transition-duration:.3s}.input_box.is_disabled .label{color:var(--gray-300)}.input_box.is_disabled .label_in_box{border-color:var(--gray-300)}.input_box.is_disabled .input{border-color:var(--gray-300);color:var(--gray-300)}.input_box.is_disabled .input::-webkit-input-placeholder{color:var(--gray-300)}.input_box.is_disabled .input::-moz-placeholder{color:var(--gray-300)}.input_box.is_disabled .input:-ms-input-placeholder{color:var(--gray-300)}.input_box.is_disabled .input::-ms-input-placeholder{color:var(--gray-300)}.input_box.is_disabled .input::placeholder{color:var(--gray-300)}.input_box.is_disabled .icon{color:var(--gray-300)}.input_box.is_disabled .input_guide{color:var(--gray-300)}.input_box.is_error .input{border-color:var(--red-dark);caret-color:var(--red-dark)}.input_box.is_error .input_guide{color:var(--red-dark)}.input_box.is_error .input_guide .icon path:last-child{display:none}.input_box.is_success .input{border-color:var(--green-dark);caret-color:var(--green-dark)}.input_box.is_success .input_guide{color:var(--green-dark)}.input_box.is_success .input_guide .icon path:first-child{display:none}.input_guide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:8px;color:var(--gray-800)}.input_guide .icon{width:16px;height:16px;margin-right:8px}.input_guide_desc{font-size:1.2rem;line-height:1.34;font-weight:300;color:currentColor;word-break:break-word}.input_inner_box{display:block;position:relative}.input_inner_box .icon{position:absolute;bottom:18px;right:16px}.input_inner_box .icon svg{display:block}.input_inner_box .icon svg path{fill:currentColor}.input_inner_box .icon~input{padding-right:40px}.input_inner_box .label_in_input{padding:19px 15px 7px}.input_inner_box .label_in_input::-webkit-input-placeholder{color:transparent}.input_inner_box .label_in_input::-moz-placeholder{color:transparent}.input_inner_box .label_in_input:-ms-input-placeholder{color:transparent}.input_inner_box .label_in_input::-ms-input-placeholder{color:transparent}.input_inner_box .label_in_input::placeholder{color:transparent}.input_inner_box .label_in_input:not(:-moz-placeholder-shown)+.label_in{font-size:8px;line-height:1.25em;color:var(--gray-800);transform:translateY(8px)}.input_inner_box .label_in_input:not(:-ms-input-placeholder)+.label_in{font-size:8px;line-height:1.25em;color:var(--gray-800);transform:translateY(8px)}.input_inner_box .label_in_input:not(:placeholder-shown)+.label_in{font-size:8px;line-height:1.25em;color:var(--gray-800);-webkit-transform:translateY(8px);transform:translateY(8px)}.input_inner_box .label_in_input:disabled{padding:13px 15px}.input_inner_box .label_in_input:disabled::-webkit-input-placeholder{color:transparent}.input_inner_box .label_in_input:disabled::-moz-placeholder{color:transparent}.input_inner_box .label_in_input:disabled:-ms-input-placeholder{color:transparent}.input_inner_box .label_in_input:disabled::-ms-input-placeholder{color:transparent}.input_inner_box .label_in_input:disabled::placeholder{color:transparent}.input_inner_box:focus-within .label_in{font-size:8px;line-height:1.25em;color:var(--gray-800);-webkit-transform:translateY(8px);transform:translateY(8px)}.input_field_box.is_error .input{border-color:var(--red-0);color:var(--red-0)}.input_field_box.is_error .input_guide{color:var(--red-dark)}.input_field_box.is_error .input_guide .icon path:last-child{display:none}.input_field_box.is_error .input_guide_desc{color:var(--red-dark)}.input_field_box.is_success .input{border-color:var(--green-0)}.input_field_box.is_success .input_guide{color:var(--green-0)}.input_field_box.is_success .input_guide .icon path:first-child{display:none}.input_field_box.is_success .input_guide_desc{color:var(--green-0)}.input_field_box.is_disabled .label{color:var(--gray-300)}.input_field_box.is_disabled .input{border-color:var(--gray-300);color:var(--gray-300)}.input_field_box.is_disabled .input::-webkit-input-placeholder{color:var(--gray-300)}.input_field_box.is_disabled .input::-moz-placeholder{color:var(--gray-300)}.input_field_box.is_disabled .input:-ms-input-placeholder{color:var(--gray-300)}.input_field_box.is_disabled .input::-ms-input-placeholder{color:var(--gray-300)}.input_field_box.is_disabled .input::placeholder{color:var(--gray-300)}.input_field_box.is_disabled .input_guide{color:var(--gray-300)}.input_field_box .input_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media screen and (max-width:639px){.input_field_box .input_inner{display:block}}@media screen and (max-width:1023px){.input_field_box .input_inner .btn_box{margin-left:12px}}@media screen and (max-width:639px){.input_field_box .input_inner .btn_box{margin-top:10px;margin-left:0}}.input_field_box .label{display:block;position:relative;padding-left:8px;font-size:14px;line-height:1.58em;font-weight:500;color:var(--gray-800);word-break:break-all}.input_field_box .label~.input{margin-top:8px}.input_field_box .label_in{position:absolute;top:0;left:16px;right:40px;font-size:1.4rem;line-height:1.58;color:var(--gray-500);-webkit-transform:translateY(14px);transform:translateY(14px);-webkit-transition-duration:.3s;transition-duration:.3s}.input_field_box .label~.input_inner{margin-top:16px}.input_field_box .input{width:511px;margin-right:12px;padding:0 0 7px 8px;border:none;border-radius:0;border-bottom:1px solid var(--gray-400);font-size:1.6rem;line-height:1.5;font-weight:600;color:var(--gray-800)}@media screen and (max-width:1023px){.input_field_box .input{width:100%;margin-right:0;padding-right:8px}}.input_field_box .input:focus{caret-color:initial}.input_field_box_large.is_success .input{color:var(--green-0)}.input_field_box_large .input{display:block;width:100%;margin-right:0;padding:0;border-bottom:none;font-size:2.4rem;line-height:1.34;font-weight:600;color:var(--gray-800)}.input_toggle_box{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input_toggle_box+.input_guide{margin-top:0}.input_toggle_box+.input_guide .icon svg{width:100%;height:100%}.input_toggle_box.is_reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input_toggle_box input:checked~.toggle_ui{border-color:var(--blue-0)}.input_toggle_box input:checked~.toggle_ui .track{left:0}.input_toggle_box input:checked~.toggle_ui .ball{-webkit-transform:translateX(16px);transform:translateX(16px);background-color:var(--blue-0)}.input_toggle_box input:checked~.toggle_ui .ball svg{width:12px;height:12px;-webkit-transform:scale(1);transform:scale(1);color:var(--gray-000)}.input_toggle_box input:checked~.label{color:var(--blue-dark)}.input_toggle_box input:disabled~.toggle_ui{border-color:var(--gray-300);background-color:var(--gray-100);cursor:default}.input_toggle_box input:disabled~.toggle_ui .track{display:none}.input_toggle_box input:disabled~.toggle_ui .ball{background-color:var(--gray-300)}.input_toggle_box input:disabled~.toggle_ui .ball svg{color:var(--gray-300)}.input_toggle_box input:disabled~.label{color:var(--gray-300);cursor:default}.input_toggle_box input:disabled:checked~.toggle_ui .ball svg{color:var(--gray-100)}.input_toggle_box .toggle_ui{display:inline-block;overflow:hidden;position:relative;width:38px;height:22px;border:1px solid var(--gray-600);border-radius:20px;vertical-align:top;-webkit-transition:border-color .2s .1s;transition:border-color .2s .1s;cursor:pointer}.input_toggle_box .track{position:absolute;top:0;left:-38px;width:76px;height:22px;border-radius:11px;background:-webkit-gradient(linear,left top,right top,from(var(--blue-alpha-light)),color-stop(45%,var(--blue-alpha-light)),color-stop(55%,var(--gray-300)),to(var(--gray-300)));background:linear-gradient(90deg,var(--blue-alpha-light) 0,var(--blue-alpha-light) 45%,var(--gray-300) 55%,var(--gray-300) 100%);-webkit-transition:left .2s .2s;transition:left .2s .2s}.input_toggle_box .ball{display:block;position:relative;width:16px;height:16px;margin:3px 0 0 3px;border-radius:50%;background-color:var(--gray-600);-webkit-transition:background-color .2s,-webkit-transform cubic-bezier(.98,.02,.3,1.52) .3s;transition:background-color .2s,-webkit-transform cubic-bezier(.98,.02,.3,1.52) .3s;transition:transform cubic-bezier(.98,.02,.3,1.52) .3s,background-color .2s;transition:transform cubic-bezier(.98,.02,.3,1.52) .3s,background-color .2s,-webkit-transform cubic-bezier(.98,.02,.3,1.52) .3s}.input_toggle_box .ball svg{display:block;width:12px;height:12px;padding:2px;color:var(--gray-600);-webkit-transform:scale(.5);transform:scale(.5);-webkit-transition:color .3s .2s,-webkit-transform .3s .1s;transition:color .3s .2s,-webkit-transform .3s .1s;transition:transform .3s .1s,color .3s .2s;transition:transform .3s .1s,color .3s .2s,-webkit-transform .3s .1s}.input_toggle_box .ball svg path{fill:currentColor}.input_toggle_box .label{display:block;position:relative;padding:0 16px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800);-webkit-transition:color .2s;transition:color .2s;cursor:pointer;white-space:nowrap}.input_radio_box{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input_radio_box input:checked~.radio_ui{border-color:var(--blue-0)}.input_radio_box input:checked~.radio_ui .ball{-webkit-transform:scale(1);transform:scale(1)}.input_radio_box input:checked~.label{color:var(--blue-0)}.input_radio_box input:disabled~.radio_ui{border-color:var(--gray-300);cursor:default}.input_radio_box input:disabled~.radio_ui .ball{background-color:var(--gray-300)}.input_radio_box input:disabled~.label{color:var(--gray-300);cursor:default}.input_radio_box .radio_ui{display:block;width:14px;height:14px;border:1px solid var(--gray-800);border-radius:50%;-webkit-transition:border .3s;transition:border .3s;cursor:pointer}.input_radio_box .ball{display:block;width:8px;height:8px;margin:3px 0 0 3px;border-radius:50%;background-color:var(--blue-0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform cubic-bezier(.98,.02,.3,1.52) .3s;transition:-webkit-transform cubic-bezier(.98,.02,.3,1.52) .3s;transition:transform cubic-bezier(.98,.02,.3,1.52) .3s;transition:transform cubic-bezier(.98,.02,.3,1.52) .3s,-webkit-transform cubic-bezier(.98,.02,.3,1.52) .3s}.input_radio_box .label{padding-left:8px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800);-webkit-transition:color .3s;transition:color .3s;cursor:pointer}.input_check_box{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input_check_box.is_large .checkbox_ui{width:18px;height:18px}.input_check_box.is_large .checkbox_ui .check svg{padding:3px}.input_check_box.is_large .label{padding-left:16px}.input_check_box input:checked~.checkbox_ui{border-color:var(--blue-0)}.input_check_box input:checked~.checkbox_ui .check{-webkit-transform:scale(1);transform:scale(1);opacity:1}.input_check_box input:checked~.label{color:var(--blue-0)}.input_check_box input:disabled~.checkbox_ui{border-color:var(--gray-300);cursor:default}.input_check_box input:disabled~.checkbox_ui .check{background-color:var(--gray-300)}.input_check_box input:disabled~.label{color:var(--gray-300);cursor:default}.input_check_box .checkbox_ui{display:block;width:14px;height:14px;border:1px solid var(--gray-800);border-radius:4px;-webkit-transition:border .3s;transition:border .3s;cursor:pointer}.input_check_box .checkbox_ui .check{display:block;width:100%;height:100%;background-color:var(--blue-0);-webkit-transform:scale(.7);transform:scale(.7);opacity:0;-webkit-transition:opacity cubic-bezier(.98,.02,.3,1.52) .2s .1s,-webkit-transform cubic-bezier(.98,.02,.3,1.52) .2s .1s;transition:opacity cubic-bezier(.98,.02,.3,1.52) .2s .1s,-webkit-transform cubic-bezier(.98,.02,.3,1.52) .2s .1s;transition:transform cubic-bezier(.98,.02,.3,1.52) .2s .1s,opacity cubic-bezier(.98,.02,.3,1.52) .2s .1s;transition:transform cubic-bezier(.98,.02,.3,1.52) .2s .1s,opacity cubic-bezier(.98,.02,.3,1.52) .2s .1s,-webkit-transform cubic-bezier(.98,.02,.3,1.52) .2s .1s}.input_check_box .checkbox_ui .check svg{display:block;width:12px;height:12px;padding:1px;color:var(--gray-000)}.input_check_box .checkbox_ui .check svg path{fill:currentColor}.input_check_box .label{display:block;position:relative;padding-left:8px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800);cursor:pointer;-webkit-transition:color .3s;transition:color .3s;word-break:break-all}.darkmode .input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--gray-000) inset;box-shadow:0 0 0 1000px var(--gray-000) inset}
-@charset "UTF-8";.document_table{padding:0 16px}@media screen and (max-width:1023px){.document_table{padding:0 8px}}.document_table .thead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;font-size:1.2rem;line-height:1.34;font-weight:600;color:var(--gray-600)}@media screen and (max-width:1023px){.document_table .thead{padding-right:0;padding-left:0;font-size:.8rem;line-height:1}}.document_table .tbody_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.document_table .tbody_item{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;width:100%;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);word-break:break-all;border-radius:4px}@media screen and (max-width:1023px){.document_table .tbody_item:not(:first-of-type){margin-top:24px}}.document_table .tbody_item:hover{background-color:var(--gray-100)}.document_table .tbody_item .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap}.document_table .tbody_item .link.is_active{background-color:var(--gray-100)}@media screen and (max-width:1023px){.document_table .tbody_item .link{display:grid;grid-template-areas:"item1 item1 item1 item1 item3" "item1 item1 item1 item1 item4" "item2 item2 item2 item2 item4"}}.document_table .td,.document_table .th{padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.document_table .td+.td,.document_table .td+.th,.document_table .th+.td,.document_table .th+.th{margin-left:24px;text-align:right}@media screen and (max-width:1023px){.document_table .td+.td,.document_table .td+.th,.document_table .th+.td,.document_table .th+.th{margin-left:0}}.document_table .td:first-child,.document_table .th:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (max-width:1023px){.document_table .td:first-child,.document_table .th:first-child{padding-left:0}}@media screen and (max-width:1023px){.document_table .td.connections,.document_table .th.connections{padding-right:0}}@media screen and (max-width:1023px){.document_table .td.select,.document_table .th.select{width:34px;margin-left:16px;text-align:right}}@media screen and (max-width:1023px){.document_table .th:not(.select){width:50%}}@media screen and (max-width:1023px){.document_table .th.size,.document_table .th.updated{display:none}}.document_table .th.select{padding:16px 0}@media screen and (max-width:1023px){.document_table .td:not(.select){width:auto;padding:0}}@media screen and (max-width:1023px){.document_table .td.id{padding-right:16px;grid-area:item1}}@media screen and (max-width:1023px){.document_table .td.updated{grid-area:item2;text-align:left}}@media screen and (max-width:1023px){.document_table .td.connections{grid-area:item3}}@media screen and (max-width:1023px){.document_table .td.size{grid-area:item4}}@media screen and (max-width:1023px){.document_table .td.size,.document_table .td.updated{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding-top:3px;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-600)}}@media screen and (max-width:1023px){.document_table .td.select{padding-top:10px}}.document_table .size,.document_table .updated{padding-left:12px;width:120px}.document_table .connections{width:280px}.document_table .select{text-align:center;width:72px;margin-left:24px;padding:16px 0}@media screen and (max-width:1023px){.document_table .select{padding:0}}.document_table .select .count{display:none}.document_table .select .btn_all_check{display:block;width:100%;font-size:1.2rem;line-height:1.34;font-weight:600;color:var(--blue-dark)}@media screen and (max-width:1023px){.document_table .select .btn_all_check{font-size:.8rem;line-height:1;font-weight:500}}.is_edit .td:not(.id,.updated,.select),.is_edit .th:not(.id,.updated,.select){display:none}.box_skeleton{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0}.box_skeleton .box_flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:54px}@media screen and (max-width:1023px){.box_skeleton .box_flex{-ms-flex-wrap:wrap;flex-wrap:wrap;height:41px}.box_skeleton .box_flex+.box_flex{margin-top:24px}}.box_skeleton .skeleton{padding:16px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.box_skeleton .skeleton{width:50%;padding:5px 0}}.box_skeleton .skeleton::before{display:inline-block;width:120px;height:12px;border-radius:16px;background:var(--gray-300);vertical-align:top;content:""}@media screen and (max-width:1023px){.box_skeleton .skeleton.is_small{padding:4px 0}.box_skeleton .skeleton.is_small::before{height:8px}}.box_skeleton .skeleton.is_small::before{width:80px}.box_skeleton .skeleton+.skeleton{margin-left:24px}@media screen and (max-width:1023px){.box_skeleton .skeleton+.skeleton{margin:0}}.box_skeleton .skeleton:last-of-type,.box_skeleton .skeleton:nth-of-type(2){width:120px}@media screen and (max-width:1023px){.box_skeleton .skeleton:last-of-type,.box_skeleton .skeleton:nth-of-type(2){width:50%}}.box_skeleton .skeleton:first-of-type{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left}@media screen and (max-width:1023px){.box_skeleton .skeleton:first-of-type{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-flex:0;-ms-flex:none;flex:none}}@media screen and (max-width:1023px){.box_skeleton .skeleton:nth-of-type(2){text-align:left;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.box_skeleton .skeleton:nth-of-type(2)::before{width:66px}}.box_skeleton .skeleton:nth-of-type(3){width:280px}@media screen and (max-width:1023px){.box_skeleton .skeleton:nth-of-type(3){width:50%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.box_skeleton .skeleton:nth-of-type(3)::before{width:50px}}@media screen and (max-width:1023px){.box_skeleton .skeleton:last-of-type{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.box_skeleton .skeleton:last-of-type::before{width:40px}}.box_skeleton::before{position:absolute;top:0;right:0;left:0;bottom:0;background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(254,253,251,0)),color-stop(20%,rgba(254,253,251,0)),color-stop(37%,rgba(254,253,251,.6)),color-stop(47%,rgba(254,253,251,.8)),color-stop(50%,rgba(254,253,251,.8)),color-stop(53%,rgba(254,253,251,.8)),color-stop(65%,rgba(254,253,251,.6)),color-stop(80%,rgba(254,253,251,0)),to(rgba(254,253,251,0)));background-image:linear-gradient(0deg,rgba(254,253,251,0) 0,rgba(254,253,251,0) 20%,rgba(254,253,251,.6) 37%,rgba(254,253,251,.8) 47%,rgba(254,253,251,.8) 50%,rgba(254,253,251,.8) 53%,rgba(254,253,251,.6) 65%,rgba(254,253,251,0) 80%,rgba(254,253,251,0) 100%);background-size:100% 120%;-webkit-animation:skeleton 4s linear infinite;animation:skeleton 4s linear infinite;content:""}.darkmode .box_skeleton::before{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(51,46,43,0)),color-stop(20%,rgba(51,46,43,0)),color-stop(37%,rgba(51,46,43,.6)),color-stop(47%,rgba(51,46,43,.8)),color-stop(50%,rgba(51,46,43,.8)),color-stop(53%,rgba(51,46,43,.8)),color-stop(65%,rgba(51,46,43,.6)),color-stop(80%,rgba(51,46,43,0)),to(rgba(51,46,43,0)));background-image:linear-gradient(0deg,rgba(51,46,43,0) 0,rgba(51,46,43,0) 20%,rgba(51,46,43,.6) 37%,rgba(51,46,43,.8) 47%,rgba(51,46,43,.8) 50%,rgba(51,46,43,.8) 53%,rgba(51,46,43,.6) 65%,rgba(51,46,43,0) 80%,rgba(51,46,43,0) 100%)}@-webkit-keyframes skeleton{0%{background-position:0 300%}to{background-position:0 -300%}}@keyframes skeleton{0%{background-position:0 300%}to{background-position:0 -300%}}
-@charset "UTF-8";@media screen and (max-width:1023px){.member_list{padding:0 32px}}@media screen and (max-width:639px){.member_list{padding:0 16px}}.member_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 10px 10px 16px}.member_item+.member_item{margin-top:6px}.member_item .member_info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:639px){.member_item .member_info{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.member_item .member_info .align_box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%}@media screen and (max-width:639px){.member_item .member_info .align_box{display:block}}.member_item .profile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:26px;height:26px;border-radius:50%}.member_item .profile img{width:100%;vertical-align:top}.member_item .profile .icon{display:block;width:100%;height:100%;color:var(--gray-900)}.member_item .profile svg{display:block;width:100%;height:100%}.member_item .info_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-left:16px}@media screen and (max-width:639px){.member_item .info_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.member_item .details{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:48%;padding-right:16px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:639px){.member_item .details{display:block;width:100%}}@media screen and (max-width:639px){.member_item .details+.authority,.member_item .details+.dropdown_box{padding-top:8px}}.member_item .details_desc{padding-right:16px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-900);word-break:break-all}.member_item .details_sub_desc{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:1.2rem;line-height:1.34;font-weight:300;color:var(--gray-800);word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member_item .authority{min-width:90px;margin-right:8px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-900);text-align:right;word-break:break-all}@media screen and (max-width:639px){.member_item .authority{min-width:0;text-align:left}}.member_item .dropdown{display:block;position:absolute;top:30px;z-index:20;width:200px}.member_item .dropdown_box{position:relative}@media screen and (max-width:639px){.member_item .dropdown_box{padding-left:0}}.member_item .dropdown_box .dropdown{right:0;width:100px}@media screen and (max-width:639px){.member_item .dropdown_box .dropdown{left:0}}.member_item .dropdown_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-width:90px;padding:0}@media screen and (max-width:1023px){.member_item .dropdown_title{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media screen and (max-width:639px){.member_item .dropdown_title{padding:0}}.member_item .dropdown_title .icon{display:block;color:var(--gray-800)}.member_item .dropdown_title .icon svg{display:block;width:100%;height:100%}.member_item .dropdown_title.is_active .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.member_item .dropdown_list{overflow-y:auto;max-height:200px}.member_item .dropdown_list ::-webkit-scrollbar{width:3px;height:3px}.member_item .dropdown_list ::-webkit-scrollbar-thumb{background:var(--orange-alpha-dark);border-radius:2px}.member_item .dropdown_list ::-webkit-scrollbar-track{background:0 0}.member_item .guide_area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 8px}@media screen and (max-width:1023px){.member_item .guide_area{padding:0}}@media screen and (max-width:639px){.member_item .guide_area{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.member_item .guide_text{display:block;max-width:300px;font-size:1.2rem;line-height:1.34;font-weight:300;word-break:break-all}.member_item .add_view_area{-webkit-box-flex:0;-ms-flex:none;flex:none;margin-left:auto;position:relative}@media screen and (max-width:639px){.member_item .add_view_area{margin-bottom:auto}}.member_item .add_view_area .btn_add_view{display:block;margin:0;padding:5px;color:var(--gray-800);font-size:0;line-height:normal}.member_item .add_view_area .btn_add_view.is_active+.dropdown{display:block}.member_item .add_view_area .dropdown{left:-179px}.member_item .add_view_area .dropdown_menu{padding-top:12px;padding-bottom:12px}
-@charset "UTF-8";.project_table{padding:0 16px}@media screen and (max-width:1023px){.project_table{display:none}}.project_table .thead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;font-size:1.2rem;line-height:1.34;font-weight:600;color:var(--gray-600)}@media screen and (max-width:1023px){.project_table .thead{padding-right:0;padding-left:0;font-size:.8rem;line-height:1}}.project_table .tbody_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;margin-top:24px}.project_table .tbody_item{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);word-break:break-all}@media screen and (max-width:1023px){.project_table .tbody_item:not(:first-of-type){margin-top:24px}}.project_table .tbody_item:hover{background-color:var(--gray-100)}.project_table .tbody_item .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:1023px){.project_table .tbody_item .link{display:grid;grid-template-areas:"item1 item1 item1 item1 item3" "item1 item1 item1 item1 item4" "item2 item2 item2 item2 item4"}}.project_table .td,.project_table .th{padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.project_table .td+.td,.project_table .td+.th,.project_table .th+.td,.project_table .th+.th{margin-left:24px;text-align:right}@media screen and (max-width:1023px){.project_table .td+.td,.project_table .td+.th,.project_table .th+.td,.project_table .th+.th{margin-left:0}}.project_table .td:first-child,.project_table .th:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (max-width:1023px){.project_table .td:first-child,.project_table .th:first-child{padding-left:0}}@media screen and (max-width:1023px){.project_table .td.storage,.project_table .th.storage{padding-right:0}}@media screen and (max-width:1023px){.project_table .th:not(.select){width:50%}}@media screen and (max-width:1023px){.project_table .th.connections,.project_table .th.load{display:none}}@media screen and (max-width:1023px){.project_table .td:not(.select){width:auto;padding:0}}@media screen and (max-width:1023px){.project_table .td.title{padding-right:16px;grid-area:item1}}@media screen and (max-width:1023px){.project_table .td.connections{grid-area:item2;text-align:left}}@media screen and (max-width:1023px){.project_table .td.storage{grid-area:item3}}@media screen and (max-width:1023px){.project_table .td.load{grid-area:item4}}@media screen and (max-width:1023px){.project_table .td.connections,.project_table .td.load{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding-top:3px;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-600)}}.project_table .load,.project_table .storage{padding-left:12px;width:160px}.project_table .connections{width:120px}
-@charset "UTF-8";.modal{position:fixed;top:50%;left:50%;z-index:300;width:454px;padding:40px;border:1px solid var(--gray-400);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--gray-000);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (max-width:1023px){.modal{width:calc(100% - 64px)}}@media screen and (max-width:639px){.modal{top:initial;bottom:0;left:0;right:0;width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-transform:none;transform:none;-webkit-box-shadow:0 -8px 16px -8px rgba(0,0,0,.2);box-shadow:0 -8px 16px -8px rgba(0,0,0,.2)}}.modal_l{width:687px}@media screen and (max-width:1023px){.modal_l{width:calc(100% - 64px)}}@media screen and (max-width:639px){.modal_l{top:initial;bottom:0;left:0;right:0;width:100%;-webkit-transform:none;transform:none;-webkit-box-shadow:0 -8px 16px -8px rgba(0,0,0,.2);box-shadow:0 -8px 16px -8px rgba(0,0,0,.2)}}.modal_top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.modal_top .icon{display:block;width:48px;height:48px}.modal_top .icon svg{display:block;width:100%;height:100%}.modal_top+.modal_bottom{padding-top:64px}.modal_content{margin-top:24px}.modal_desc,.modal_title{display:block;color:var(--gray-900);word-break:break-all}.modal_title+.modal_desc{margin-top:16px}.modal_link{padding-left:16px}.modal_bottom{margin-top:64px}@media screen and (max-width:639px){.modal_bottom{margin-top:48px}}.modal_bottom .btn{margin:0 12px;padding-top:12px;padding-bottom:10px;font-size:16px;line-height:24px}.modal_bottom .btn:first-child{margin-left:0}.modal_bottom .btn:last-child{margin-right:0}.modal_in_header{position:fixed;top:72px;left:auto;right:24px;padding-bottom:15px;-webkit-transform:none;transform:none}@media screen and (max-width:1023px){.modal_in_header{overflow-y:auto;top:0;left:0;right:0;bottom:0;width:auto;padding:0 32px 32px;border:none;border-radius:0}@supports (padding:env(safe-area-inset-right)){.modal_in_header{padding:0 calc(32px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) calc(32px + env(safe-area-inset-left))}}@supports (padding:constant(safe-area-inset-right)){.modal_in_header{padding:0 calc(32px + constant(safe-area-inset-right)) calc(32px + constant(safe-area-inset-bottom)) calc(32px + constant(safe-area-inset-left))}}}@media screen and (max-width:639px){.modal_in_header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;bottom:0;padding:0 16px 32px}@supports (padding:env(safe-area-inset-right)){.modal_in_header{padding:0 calc(16px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}}@supports (padding:constant(safe-area-inset-right)){.modal_in_header{padding:0 calc(16px + constant(safe-area-inset-right)) calc(32px + constant(safe-area-inset-bottom)) calc(16px + constant(safe-area-inset-left))}}}.modal_in_header .header .btn{position:static}.modal_in_header .header .btn_back{margin-left:-16px;color:var(--gray-800)}.modal_in_header .header .btn_close{padding:8px;color:var(--gray-500)}.modal_in_header .modal_content{margin-top:0}@media screen and (max-width:1023px){.modal_in_header .modal_content{margin-top:40px}}.modal_in_header .modal_bottom{margin-top:32px}@media screen and (max-width:639px){.modal_in_header .modal_bottom{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (max-width:639px){.modal_in_header .modal_bottom .btn_box{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}}.modal_in_header .modal_title{font-size:3rem;line-height:1.27;font-weight:600}.modal_in_header .modal_desc{font-size:1.4rem;line-height:1.58;color:var(--gray-600)}.modal_in_header .textarea_box{margin-top:24px}.modal .combine_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:639px){.modal .combine_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.modal .combine_box .input_box{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;position:relative}@media screen and (max-width:639px){.modal .combine_box .input_box{width:100%}}.modal .combine_box .input_box+.btn{padding-left:24px;padding-right:24px}@media screen and (max-width:639px){.modal .combine_box .input_box+.btn{width:100%;margin:16px 0 0}}.modal .combine_box .member_list{position:absolute;top:100%;left:0;right:0;margin-top:7px;padding:8px 0;border:1px solid var(--gray-400);border-radius:8px;background-color:var(--gray-000)}@media screen and (max-width:639px){.modal .combine_box .member_list{position:initial;max-height:200px;overflow-y:auto}}.modal .combine_box .member_list .member_item{padding:0}.modal .combine_box .member_list .member_item+.member_item{margin:0}.modal .combine_box .member_list .member_item.has_border{margin-top:4px;padding-top:4px;border-top:1px solid var(--gray-400)}.modal .combine_box .member_list .member_info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;width:100%;padding:12px 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.modal .combine_box .member_list .member_info .profile{padding-right:0}.modal .combine_box .member_list .member_info .icon{width:100%;height:100%;margin:0}.modal .combine_box .member_list .member_info .details{width:100%}@media screen and (max-width:639px){.modal .combine_box .member_list .member_info{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal .combine_box .member_list .member_info .details{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}}.modal .combine_box .member_list .member_info:hover{background-color:var(--gray-100)}.modal .member_tag{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;position:relative}@media screen and (max-width:639px){.modal .member_tag~.btn{width:100%;margin:16px 0 0}}.modal .member_tag_inner{padding:8px 6px;border:1px solid var(--gray-400);border-radius:4px}.modal .member_tag_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-10px;margin-right:-10px;-webkit-box-sizing:border-box;box-sizing:border-box}.modal .member_tag_item{margin-top:10px;margin-right:10px}.modal .member_tag_item:hover{background-color:var(--gray-100)}.modal .member_tag_item .btn_tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid var(--gray-400);border-radius:4px}.modal .member_tag_item .input{padding:6px 12px;border:none}.modal .member_tag_item .details_sub_desc{font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-900)}.modal .member_tag .uninvited_user{padding:6px 12px}.modal .member_tag .uninvited_user .details{display:block}.modal .member_tag .invited_user{padding:4px 12px}.modal .member_tag .icon{width:12px;height:12px;margin-left:16px;color:var(--gray-600)}.modal .member_tag .icon svg{vertical-align:top}.modal .member_tag .profile{padding-right:8px}.modal .member_tag .profile img{vertical-align:top}.modal .sns_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:32px}@media screen and (max-width:639px){.modal .sns_list{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:0}}.modal .sns_list_item{margin:0 24px}@media screen and (max-width:639px){.modal .sns_list_item{margin:0;width:60%}}.modal .sns_list_item:first-child{margin-left:0}.modal .sns_list_item:last-child{margin-right:0}.modal .sns_list_menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:11px 12px}.modal .sns_list_text{display:inline-block;margin-left:7px;font-size:1.4rem;line-height:1.58;font-weight:500;vertical-align:top}.modal .btn_close{position:absolute;top:29px;right:29px;padding:10px}.modal .btn_close .icon{width:24px;height:24px}.modal .icon_alert{color:var(--red-0)}
-@charset "UTF-8";.mouse_effect{position:fixed;bottom:0;right:0;z-index:20;max-width:192px;padding:20px}@media screen and (max-width:1023px){.mouse_effect{display:none}}.mouse_effect_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mouse_effect_item+.mouse_effect_item{margin-left:16px}.mouse_effect_item.is_active .mouse_effect_menu{opacity:1}.mouse_effect_menu{display:block;width:36px;height:36px;opacity:.3}.mouse_effect_menu svg rect:first-child{fill:var(--gray-800)}.mouse_effect .btn_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;margin-top:16px}.mouse_effect .btn_box .btn{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0;border-radius:8px}.mouse_effect .btn_box .btn.is_hide .icon svg:first-child{display:none}.mouse_effect .btn_box .btn.is_hide .icon svg:last-child{display:block}.mouse_effect .btn_box .btn .icon{width:20px;height:20px}.mouse_effect .btn_box .btn .icon svg:last-child{display:none}.mouse_effect .btn_box .btn:hover{background-color:var(--gray-900)}.mouse_effect .btn_box .btn:hover.is_hide .icon svg:first-child{display:block}.mouse_effect .btn_box .btn:hover.is_hide .icon svg:last-child{display:none}.mouse_effect .btn_box .btn:hover .icon svg:first-child{display:none}.mouse_effect .btn_box .btn:hover .icon svg:last-child{display:block}
-@charset "UTF-8";.navigator_list{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-width:244px;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}.navigator_list>.navigator_group .navigator_list{padding-right:16px}.navigator_list .navigator_list{padding:0 0 0 32px}.navigator_list .navigator_list .navigator_group:not(:first-of-type) .navigator_item,.navigator_list .navigator_list .navigator_group:not(:first-of-type) .navigator_menu{margin-top:8px}.navigator_list .navigator_list .navigator_menu{margin-top:8px;padding:12px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-800)}.navigator_group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navigator_group+.navigator_group{margin-top:8px}.navigator_group .navigator_group:not(:first-of-type) .navigator_item{margin-top:24px}.navigator_item{padding:9px 16px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);text-align:start;word-break:break-all}.navigator_item.is_active{border:1px solid var(--orange-0);background:var(--orange-alpha-light)}.navigator_item.is_active .icon{margin-right:8px}.navigator_item.add_icon.is_active{color:var(--orange-0)}.navigator_item.add_icon.is_active .icon svg path{fill:var(--orange-0)}.navigator_item .icon{margin-right:8px}.navigator_menu{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:12px 16px;font-size:1.6rem;line-height:1.5;font-weight:600;color:var(--gray-900);word-break:break-all;-webkit-box-sizing:border-box;box-sizing:border-box}.navigator_menu.is_active .icon svg{-webkit-transform:rotate(0);transform:rotate(0)}.navigator_menu .icon{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:inline-block;width:24px;height:24px;margin-right:8px}.navigator_menu .icon svg{width:100%;height:100%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
-@charset "UTF-8";.placeholder_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:56px 20px;border:1px dashed var(--gray-400);border-radius:4px;background-color:var(--gray-50)}@media screen and (max-width:1023px){.placeholder_box{margin:0 32px}}@media screen and (max-width:639px){.placeholder_box{margin:0 16px}}.placeholder_box.no_bg{border:none;background-color:transparent}.placeholder_box .desc{font-size:2rem;line-height:1.4;font-weight:500;text-align:center;word-break:break-all;color:var(--gray-800)}.placeholder_box .btn{margin-top:24px}.placeholder_box .btn:first-of-type{margin-left:0}.placeholder_box .btn .icon{width:12px;height:12px}
-@charset "UTF-8";.pagination .btn_box{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination .btn{min-width:90px;-webkit-transition:border-color .2s,color .2s;transition:border-color .2s,color .2s}.pagination .btn.is_disabled,.pagination .btn:disabled{pointer-events:none;background-color:var(--gray-100);color:var(--gray-400)}.pagination .btn:hover{border-color:var(--gray-800);background-color:var(--gray-000);color:var(--gray-800)}
-@charset "UTF-8";@media screen and (max-width:1023px){.card{padding:0 32px}}@media screen and (max-width:639px){.card{padding:0 16px}}.card_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:-16px 0 0 -16px}@media screen and (max-width:1023px){.card_list{margin:0}}.card_item{position:relative;width:100%;max-width:336px;margin:16px 0 0 16px;border:1px solid var(--gray-400);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width:1024px){.card_item{-ms-flex-preferred-size:calc(33.3333333333% - 16px);flex-basis:calc(33.3333333333% - 16px)}}@media screen and (max-width:1023px){.card_item{-ms-flex-preferred-size:calc(50% - 8px);flex-basis:calc(50% - 8px);min-width:auto;max-width:none;margin:8px}.card_item:nth-child(-n+2){margin-top:0}.card_item:nth-child(2n+1){margin-left:0}.card_item:nth-child(2n){margin-right:0}.card_item:nth-last-child(-n+2){margin-bottom:0}}@media screen and (max-width:639px){.card_item{-ms-flex-preferred-size:100%;flex-basis:100%;margin:16px 0 0}.card_item:nth-child(2){margin-top:16px}.card_item:nth-child(2n+1){margin-left:0}.card_item:nth-child(2n){margin-right:0}.card_item:nth-last-child(-n+2){margin-bottom:0}}.card_item .link{display:block;padding:16px 23px 15px}@media screen and (max-width:1023px){.card_item .link{padding-bottom:24px}}.card .title_thumbnail{display:block;width:40px;height:40px;margin-bottom:9px}.card .title_thumbnail img{display:block;width:100%}.card .title_thumbnail.emoji{padding:4px;border:1px solid var(--gray-400);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.card .title_text{display:block;height:56px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;font-size:2rem;line-height:1.4;font-weight:600;color:var(--gray-800)}@media screen and (max-width:1023px){.card .title_text{height:48px;font-size:1.6rem;line-height:1.5}}.card .team{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding:11px 30px 0 0}.card .team_thumb{overflow:hidden;position:relative;width:16px;height:16px;border-radius:4px}.card .team_thumb img{position:absolute;top:0;left:0;width:100%;height:100%}.card .team_text{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;margin-left:8px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800);word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1023px){.card .team_text{font-size:1.2rem;line-height:1.34}}.card .info_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:-webkit-min-content;width:-moz-min-content;width:min-content;height:46px;margin-top:15px}@media screen and (max-width:1023px){.card .info_list{margin-top:16px}}.card .info_item{margin:0 14px}.card .info_item:first-child{margin-left:0}.card .info_item:last-child{margin-right:0}.card .info_title{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:32px;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-400);white-space:nowrap}.card .info_title:last-of-type{margin-right:0}.card .info_desc{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:32px;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-600);white-space:nowrap}.card .info_desc:last-of-type{margin-right:0}.card .btn_favorite,.card .btn_favorite_full{position:absolute;top:19px;right:19px;margin:0}@media screen and (max-width:1023px){.card .btn_favorite,.card .btn_favorite_full{top:21px;right:21px}}.card .btn_favorite .icon,.card .btn_favorite_full .icon{width:100%;height:100%}.card .btn_favorite{width:32px;height:32px;padding:0;color:var(--gray-500)}.card .btn_favorite_full{width:33px;height:33px;padding:5px;color:var(--yellow-0)}
-@charset "UTF-8";.search{font-size:0;line-height:normal}@media screen and (max-width:1023px){.search{padding-left:32px;padding-right:32px}}@media screen and (max-width:639px){.search{padding-left:16px;padding-right:16px}}.search .input{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;padding:0 0 8px;border:none;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-800)}@media screen and (max-width:639px){.search .input{min-width:0;width:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-bottom:1px solid var(--gray-400)}}.search .input_inner{border-bottom:1px solid var(--gray-400)}@media screen and (max-width:639px){.search .input_inner{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:none}}@media screen and (max-width:639px){.search .input_inner .btn_box{margin-top:0;border-bottom:1px solid var(--gray-400)}}.search .icon_search{margin:8px;color:var(--gray-800)}@media screen and (max-width:639px){.search .icon_search{margin:0;padding:0 8px 8px;border-bottom:1px solid var(--gray-400)}}.search .icon_search svg{display:block}.search .icon_close{width:12px;height:12px}.search_area{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:1023px){.search_area{padding-left:32px;padding-right:32px}}@media screen and (max-width:639px){.search_area{display:block;padding-left:16px;padding-right:16px}}.search_area .search{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media screen and (max-width:1023px){.search_area .search{padding:0;border-bottom:1px solid var(--gray-400)}}@media screen and (max-width:639px){.search_area .search{border-bottom:none}}@media screen and (max-width:1023px){.search_area .input_inner{border-bottom:none}}.search_area .filter{margin-left:auto}@media screen and (max-width:1023px){.search_area .filter{padding:0}}@media screen and (max-width:639px){.search_area .filter{margin-top:16px}}.search_area .filter_list{padding-right:8px}@media screen and (max-width:639px){.search_area .filter_list{padding-right:0;padding-bottom:12px}}.search_area .btn{min-width:88px;height:100%}@media screen and (max-width:1023px){.search_area .btn{min-width:64px}}.search_area .btn_del{color:var(--red-0)}.search_area .btn_box{margin-left:auto;border-bottom:1px solid var(--gray-400)}@media screen and (max-width:1023px){.search_area .btn_box{padding:0}}@media screen and (max-width:639px){.search_area .btn_box{margin-top:16px}}
-@charset "UTF-8";.box_tab{position:-webkit-sticky;position:sticky;top:64px;z-index:10;background-color:var(--gray-000)}@media screen and (max-width:1023px){.box_tab::before{position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--gray-500);content:""}}@media screen and (max-width:1023px){.box_tab{overflow-x:auto;padding-top:16px;padding-bottom:2px;white-space:nowrap}.box_tab::-webkit-scrollbar{display:none}}.tab_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media screen and (min-width:1024px){.tab_list{border-bottom:1px solid var(--gray-500)}}.tab_item{margin:0 4px}@media screen and (max-width:1023px){.tab_item{position:relative}}.tab_item:first-child{margin-left:0}.tab_item:last-child{margin-right:0}.tab_item:hover .tab_menu::before{background:var(--gray-400)}.tab_item:hover .tab_menu .icon{color:var(--gray-800)}.tab_item:hover .tab_menu.is_active::before{background:var(--orange-0)}.tab_item:hover .tab_text{color:var(--gray-800)}@media screen and (max-width:1023px){.tab_item::before{position:absolute;bottom:-2px;left:-4px;right:-4px;height:1px;background-color:var(--gray-500);content:""}}.tab_menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:8px 16px 6px 12px;-webkit-transition:border .2s;transition:border .2s}.tab_menu::before{display:block;position:absolute;right:0;bottom:-1px;left:0;z-index:1;width:100%;height:2px;content:""}@media screen and (max-width:1023px){.tab_menu::before{bottom:-2px}}@media screen and (max-width:1023px){.tab_menu::after{display:block;position:absolute;right:0;bottom:-2px;left:0;width:100%;height:1px;background-color:var(--gray-500);content:""}}.tab_menu.is_active::before{background:var(--orange-0)}.tab_menu.is_active .icon{color:var(--gray-800)}.tab_menu.is_active .tab_text{color:var(--gray-800)}.tab_menu .icon{display:inline-block;width:12px;height:12px;margin-right:8px;color:var(--gray-500);-webkit-transition:color .2s;transition:color .2s;vertical-align:middle}.tab_menu .icon svg{display:block;width:100%}.tab_menu .icon svg path{fill:currentColor}.tab_text{font-size:1.4rem;line-height:1.58;color:var(--gray-500);-webkit-transition:color .2s;transition:color .2s}
-@charset "UTF-8";.textarea{display:block;width:100%;height:120px;margin-top:8px;padding:7px 15px;border:1px solid var(--gray-400);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background-color:var(--gray-000);font-size:1.4rem;line-height:1.58;font-weight:400;color:var(--gray-900);-webkit-transition:border .2s;transition:border .2s;caret-color:var(--blue-0);resize:none}.textarea::-webkit-input-placeholder{color:var(--gray-500)}.textarea::-moz-placeholder{color:var(--gray-500)}.textarea:-ms-input-placeholder{color:var(--gray-500)}.textarea::-ms-input-placeholder{color:var(--gray-500)}.textarea::placeholder{color:var(--gray-500)}.textarea:focus{border-color:var(--blue-0)}.textarea_box{display:block}.textarea_box .label{font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800)}
-@charset "UTF-8";.api_title .title_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding-right:185px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:639px){.api_title .title_box{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:359px){.api_title .title_box{padding-right:120px}}.api_title .title{margin-right:24px;font-size:2rem;line-height:1.4;font-weight:600;color:var(--gray-800)}@media screen and (max-width:639px){.api_title .input_toggle_box{margin:4px 0}}.api_title .btn_refresh{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:0;top:50%;padding:0 12px;height:32px;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-600);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:359px){.api_title .btn_refresh{max-width:120px}}.api_title .icon{display:inline-block;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;margin-right:8px;vertical-align:top}.api_title .icon svg{display:block}.api_title .desc{margin-top:10px;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-600)}
-@charset "UTF-8";.init_box .title{font-size:2.4rem;line-height:1.34;font-weight:600;color:var(--gray-800)}.init_box .title_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.init_box .title_box .icon{margin-right:16px;color:var(--gray-800)}.init_box .title_box_s .title{font-size:1.6rem;line-height:1.5;font-weight:500}.init_box .title_box_s .icon{width:16px;height:16px;margin-right:8px}.init_box .title_box_s .icon svg{display:block;width:100%;height:100%}.init_box .title_desc{margin-top:16px;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-600)}
-@charset "UTF-8";.setting_title .text{display:inline-block;padding:0 4px 7px 5px;border-bottom:1px solid var(--orange-0);font-size:2.4rem;line-height:1.34;font-weight:500;color:var(--gray-800);vertical-align:top}
-@charset "UTF-8";@media screen and (max-width:1023px){.project_area{padding:16px 32px 0}}@media screen and (max-width:639px){.project_area{padding-left:0;padding-right:0}}.project_area .title{display:block;-webkit-box-flex:0;-ms-flex:none;flex:none;margin-right:auto;font-size:2.4rem;line-height:1.34;font-weight:600;color:var(--gray-800)}@media screen and (max-width:639px){.project_area .title{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;padding-right:10px;word-break:break-all}}.project_area .title_group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width:1023px){.project_area .title_group{display:none}}@media screen and (max-width:639px){.project_area .title_group{padding-left:16px;padding-right:16px}}.project_area .title_group+.search{margin-top:24px}.project_area .title_group .thumbnail{-webkit-box-flex:0;-ms-flex:none;flex:none;width:32px;height:32px;margin-right:16px}.project_area .title_group .thumbnail.emoji{padding:3px;border:1px solid var(--gray-300);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.project_area .title_group .thumbnail.emoji img{width:24px;height:24px}.project_area .title_group .thumbnail img{display:block;width:100%}.project_area .title_group .thumbnail.icon{display:block;width:32px;height:32px;margin-left:0;color:var(--gray-800)}.project_area .title_group .thumbnail.icon svg{display:block;width:100%;height:100%}.project_area .title_group .dropdown{position:absolute;top:100%;left:-24px;z-index:20;width:640px;margin-top:16px;padding:12px 0;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.project_area .title_group .dropdown_list{overflow-y:overlay;max-height:252px}.project_area .title_group .dropdown_list+.dropdown_list{margin-top:8px;padding-top:7px}.project_area .title_group .dropdown_item.has_border{margin-top:8px;padding-top:7px}.project_area .title_group .dropdown_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:-12px;padding:3px 8px 2px 24px;border-bottom:1px solid var(--gray-400)}.project_area .title_group .dropdown_title~.dropdown_list{margin:8px 0 0 0}.project_area .title_group .dropdown_title .title{font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800)}.project_area .title_group .dropdown_title .btn{padding-left:8px;padding-right:8px;color:var(--gray-800)}.project_area .title_group .dropdown_title .btn .icon{width:16px;height:16px}.project_area .title_group .dropdown_title .btn .text{font-size:1.2rem;line-height:1.34;font-weight:400}.project_area .title_group .dropdown_menu{padding:12px 24px}.project_area .title_group .dropdown_menu:hover{background-color:var(--gray-100)}.project_area .title_group .dropdown_text{font-size:2.4rem;line-height:1.34;font-weight:600}.project_area .title_group .dropdown .icon{width:32px;height:32px;color:var(--gray-900)}.project_area .title_group .dropdown .icon svg{width:100%;height:100%}.project_area .title_group .dropdown .icon+.dropdown_text{margin-left:16px}.project_area .title_group ::-webkit-scrollbar{width:10px;height:4px}.project_area .title_group ::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:10px;border:3px solid var(--gray-000)}.project_area .title_group ::-webkit-scrollbar-track{background:0 0}.project_area .btn_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:none;flex:none;margin-right:auto}.project_area .btn_title .icon{height:16px;margin-left:16px;color:var(--gray-500)}.project_area .btn_box .btn_favorite{padding:0;color:var(--gray-500)}.project_area .btn_box .btn_favorite .icon{width:30px;height:30px}.project_area .btn_box .btn_favorite_full{padding:5px;color:var(--yellow-0)}.project_area .btn_box .btn_favorite_full .icon{width:20px;height:20px}.project_area .btn_box .btn_grid{color:var(--gray-500)}@media screen and (max-width:1023px){.project_area>.search{padding-left:0;padding-right:0}}@media screen and (max-width:639px){.project_area>.search{padding-left:16px;padding-right:16px}}.project_area .search_area{margin-top:24px}@media screen and (max-width:1023px){.project_area .search_area{padding-left:0;padding-right:0}}@media screen and (max-width:639px){.project_area .search_area{padding-left:16px;padding-right:16px}}
-@charset "UTF-8";.toast_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:50%;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:8px;border-radius:8px;background:var(--gray-800);font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-000);-webkit-transform:translate(-50%,calc(-100% - 16px));transform:translate(-50%,calc(-100% - 16px));opacity:1;-webkit-animation:toast .2s linear;animation:toast .2s linear}.toast_box .icon{display:inline-block;vertical-align:top;margin-right:8px}.toast_box svg{display:block}.toast_box svg path{fill:currentColor}@-webkit-keyframes toast{0%{opacity:0;-webkit-transform:translate(-50%,calc(-100% - 6px));transform:translate(-50%,calc(-100% - 6px))}100%{opacity:1;-webkit-transform:translate(-50%,calc(-100% - 16px));transform:translate(-50%,calc(-100% - 16px))}}@keyframes toast{0%{opacity:0;-webkit-transform:translate(-50%,calc(-100% - 6px));transform:translate(-50%,calc(-100% - 6px))}100%{opacity:1;-webkit-transform:translate(-50%,calc(-100% - 16px));transform:translate(-50%,calc(-100% - 16px))}}
-@charset "UTF-8";.tooltip{position:absolute;top:-20px;right:-13px;z-index:1;width:326px;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid var(--gray-900);border-radius:8px;background-color:var(--gray-000);-webkit-box-shadow:0 8px 8px -8px rgba(0,0,0,.2);box-shadow:0 8px 8px -8px rgba(0,0,0,.2);-webkit-transform:translateX(326px);transform:translateX(326px)}@media screen and (max-width:1023px){.tooltip{top:38px;left:50%;right:0;width:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.tooltip_area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;font-size:0;line-height:normal}@media screen and (max-width:1023px){.tooltip_area{position:relative}}.tooltip_area_title{margin-top:0;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-900)}.tooltip_inner{position:relative}@media screen and (max-width:1023px){.tooltip_inner{position:initial}}.tooltip_inner .btn_tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px}.tooltip_inner .btn_tooltip .icon{display:block}.tooltip_inner .btn_tooltip svg path{fill:inherit;stroke:var(--gray-900)}.tooltip_title_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tooltip_title_box .icon{width:24px;height:24px;color:var(--gray-800);vertical-align:top}.tooltip_title_box .icon svg{width:100%;height:100%}.tooltip_title_box .icon svg path{fill:inherit;stroke:currentColor}.tooltip_title{padding-left:8px;font-size:2rem;line-height:1.4;font-weight:500;color:var(--gray-800)}.tooltip_content{display:block;padding-top:16px}.tooltip_desc{font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800)}
-@charset "UTF-8";@media screen and (max-width:1023px){.usage{padding:0 32px}}@media screen and (max-width:639px){.usage{padding:0 16px}}.usage_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:-16px 0 0 -16px}@media screen and (max-width:1023px){.usage_list{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:639px){.usage_list{display:block;margin:0}}.usage_item{margin:16px 0 0 16px}@media screen and (max-width:639px){.usage_item{margin:16px 0 0}}@media screen and (max-width:1023px){.usage_item:only-child{-ms-flex-preferred-size:100%;flex-basis:100%}}@media screen and (max-width:639px){.usage_item:first-child{margin-top:0}}.usage_item.bar_type{min-width:336px}@media screen and (max-width:1023px){.usage_item.bar_type{-ms-flex-preferred-size:calc(50% - 16px);flex-basis:calc(50% - 16px);min-width:auto}}@media screen and (max-width:639px){.usage_item.bar_type{-ms-flex-preferred-size:auto;flex-basis:auto}}.usage_item.bar_type .info_text{margin-left:0;color:var(--gray-600)}.usage_item.link_type{min-width:auto}.usage_item.link_type .title{margin-bottom:16px}.usage_item.link_type .info_text{font-size:2rem;line-height:1.4;font-weight:400}.usage_item.big_type .title{margin-bottom:10px;font-weight:600}.usage_item.big_type .icon{margin-top:-1px;width:24px;height:24px}.usage_item.big_type .info_text{font-size:2.4rem;line-height:1.34;font-weight:500}.usage_menu{display:block;position:relative}.usage .title{display:block;margin-bottom:19px;font-size:1.4rem;line-height:1.58;color:var(--gray-900)}@media screen and (max-width:639px){.usage .title{margin-bottom:8px}}.usage .title_box{display:-webkit-box;display:-ms-flexbox;display:flex}.usage .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.usage .info_text{margin-left:6px;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-900)}.usage .info_text:last-child{margin-left:0}.usage .info_text:first-of-type{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.usage .info_text.highlight{color:var(--orange-0)}.usage .icon{width:16px;height:16px;margin-top:3px;margin-left:9px;color:var(--gray-900);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.usage .icon svg{width:100%;height:100%}.usage .icon svg path{fill:currentColor}.usage .progress_bar{display:block;position:relative;height:4px;margin-top:18px;background-color:var(--gray-300);border-radius:20px}.usage .progress_bar .now{position:absolute;top:0;left:0;height:100%;border-radius:20px;background-color:var(--orange-0)}
-code[class*=language-],pre[class*=language-]{background:0 0;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::-moz-selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;--code-slategray:var(--gray-500);--code-gray:var(--gray-600);--code-purple:var(--purple-dark);--code-blue:var(--blue-dark);--code-orange:var(--orange-dark);--code-brown:#9a6e3a;--code-green:var(--green-dark)}.darkmode pre[class*=language-]{--code-slategray:var(--gray-300);--code-brown:#face9b;color:var(--code-gray)}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--code-slategray)}.token.punctuation{color:var(--code-gray)}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.important,.token.number,.token.regex,.token.symbol,.token.tag,.token.variable{color:var(--code-orange)}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:var(--code-green)}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:var(--code-brown)}.token.atrule,.token.attr-value,.token.keyword{color:var(--code-blue)}.token.class-name,.token.function{color:var(--code-purple)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
-.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;-ms-touch-action:none;touch-action:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.rc-slider *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-handle{position:absolute;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #bfdbfe;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;-ms-touch-action:pan-x;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;-webkit-box-shadow:0 0 0 5px #bfdbfe;box-shadow:0 0 0 5px #bfdbfe}.rc-slider-handle:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;-webkit-box-shadow:0 0 0 3px #bfdbfe;box-shadow:0 0 0 3px #bfdbfe}.rc-slider-handle-click-focused:focus{border-color:#bfdbfe;-webkit-box-shadow:unset;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;-webkit-box-shadow:0 0 5px #57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:0 0;pointer-events:none}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#bfdbfe}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed !important}.history_slider_inner .rc-slider-dot.is_end::before,.history_slider_inner .rc-slider-dot.is_first::before{background:url(/assets/icons/icon_line.svg) left center;background-repeat:space no-repeat}
-@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.blind,legend{margin:-1px !important;padding:0 !important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);position:absolute}:root{--gray-900:#332e2b;--gray-800:#514c49;--gray-700:#6e6966;--gray-600:#807b78;--gray-500:#a6a19e;--gray-400:#c2bdba;--gray-300:#e2dedb;--gray-200:#efeceb;--gray-100:#f5f3f1;--gray-50:#faf8f6;--gray-000:#fefdfb;--orange-dark:#f27b2f;--orange-0:#fc8539;--orange-light:#fda36a;--orange-alpha-dark:rgb(242 123 47 / 40%);--orange-alpha-0:rgb(252 133 57 / 32%);--orange-alpha-light:rgb(253 163 106 / 24%);--yellow-dark:#f5b103;--yellow-0:#fdc433;--yellow-light:#fed366;--yellow-alpha-dark:rgb(245 177 3 / 40%);--yellow-alpha-0:rgb(253 196 51 / 32%);--yellow-alpha-light:rgb(254 211 102 / 24%);--green-dark:#10b266;--green-0:#23c176;--green-light:#5ad198;--green-alpha-dark:rgb(16 178 102 / 40%);--green-alpha-0:rgb(35 193 118 / 32%);--green-alpha-light:rgb(90 209 152 / 24%);--blue-dark:#208aed;--blue-0:#3c9af1;--blue-light:#6db4f5;--blue-alpha-dark:rgb(26 133 232 / 40%);--blue-alpha-0:rgb(60 154 241 / 32%);--blue-alpha-light:rgb(109 180 245 / 24%);--red-dark:#e93d47;--red-0:#f44954;--red-light:#f7777e;--red-alpha-dark:rgb(233 61 71 / 40%);--red-alpha-0:rgb(244 73 84 / 32%);--red-alpha-light:rgb(247 119 126 / 24%);--purple-dark:#764af3;--purple-0:#855cf9;--purple-light:#a385fb;--purple-alpha-dark:rgb(118 74 243 / 40%);--purple-alpha-0:rgb(133 92 249 / 32%);--purple-alpha-light:rgb(163 133 251 / 24%)}.darkmode{--gray-900:#fefdfb;--gray-800:#faf8f6;--gray-700:#f5f3f1;--gray-600:#efeceb;--gray-500:#e2dedb;--gray-300:#a6a19e;--gray-200:#807b78;--gray-100:#6e6966;--gray-50:#514c49;--gray-000:#332e2b;--orange-dark:#fda36a;--orange-light:#f27b2f;--orange-alpha-dark:rgb(253 163 106 / 24%);--orange-alpha-light:rgb(242 123 47 / 40%);--yellow-dark:#fed366;--yellow-light:#f5b103;--yellow-alpha-dark:rgb(254 211 102 / 24%);--yellow-alpha-light:rgb(245 177 3 / 40%);--green-dark:#5ad198;--green-light:#10b266;--green-alpha-dark:rgb(90 209 152 / 24%);--green-alpha-light:rgb(16 178 102 / 40%);--blue-dark:#6db4f5;--blue-light:#208aed;--blue-alpha-dark:rgb(109 180 245 / 24%);--blue-alpha-light:rgb(26 133 232 / 40%);--red-dark:#f7777e;--red-light:#e93d47;--red-alpha-dark:rgb(247 119 126 / 24%);--red-alpha-light:rgb(233 61 71 / 40%);--purple-dark:#a385fb;--purple-light:#764af3;--purple-alpha-dark:rgb(163 133 251 / 24%);--purple-alpha-light:rgb(118 74 243 / 40%)}@font-face{font-family:Pretendard;font-weight:300;src:url(/assets/fonts/Pretendard-Light.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:400;src:url(/assets/fonts/Pretendard-Regular.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:500;src:url(/assets/fonts/Pretendard-Medium.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:600;src:url(/assets/fonts/Pretendard-SemiBold.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:800;src:url(/assets/fonts/Pretendard-ExtraBold.woff) format("woff")}@font-face{font-family:RobotoMono;font-weight:400;src:url(/assets/fonts/RobotoMono-Regular.woff) format("woff")}.font_Pretendard{font-family:Pretendard}.font_RobotoMono{font-family:RobotoMono}.font_monospace{font-family:monospace}.fontweight_800{font-weight:800}.fontweight_600{font-weight:600}.fontweight_500{font-weight:500}.fontweight_400{font-weight:400}.fontweight_300{font-weight:300}.fontsize_56{font-size:56px;line-height:64px}.fontsize_46{font-size:46px;line-height:54px}.fontsize_38{font-size:38px;line-height:46px}.fontsize_30{font-size:30px;line-height:38px}.fontsize_24{font-size:24px;line-height:32px}.fontsize_20{font-size:20px;line-height:28px}.fontsize_16{font-size:16px;line-height:24px}.fontsize_14{font-size:14px;line-height:22px}.fontsize_12{font-size:12px;line-height:16px}.fontsize_8{font-size:8px;line-height:8px}*{-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent}:not(input):not(textarea){-webkit-touch-callout:none}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,html{height:100%}html{font-size:10px}body{-webkit-overflow-scrolling:touch;font-size:1.5rem;line-height:normal;font-weight:400;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow:overlay}body,code,html,kbd,pre,samp{font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}article,aside,dialog,figure,header,main,nav,section{display:block}pre{word-wrap:break-word}address,em{font-style:normal}fieldset,img{border:0}dl,ol,ul{list-style:none;padding-left:0}a{color:inherit;text-decoration:none}button,input,optgroup,select,textarea{color:inherit;line-height:normal}button{border:transparent;background-color:transparent;cursor:pointer}a:focus-visible,button:focus-visible{outline:1px solid var(--orange-0)}legend{display:block;max-width:none}.white{color:#fff}.white_bg{background-color:#fff}.gray900{color:var(--gray-900)}.gray900_bg{background-color:var(--gray-900)}.gray800{color:var(--gray-800)}.gray800_bg{background-color:var(--gray-800)}.gray700{color:var(--gray-700)}.gray700_bg{background-color:var(--gray-700)}.gray600{color:var(--gray-600)}.gray600_bg{background-color:var(--gray-600)}.gray500{color:var(--gray-500)}.gray500_bg{background-color:var(--gray-500)}.gray400{color:var(--gray-400)}.gray400_bg{background-color:var(--gray-400)}.gray300{color:var(--gray-300)}.gray300_bg{background-color:var(--gray-300)}.gray200{color:var(--gray-200)}.gray200_bg{background-color:var(--gray-200)}.gray50{color:var(--gray-50)}.gray50_bg{background-color:var(--gray-50)}.gray000{color:var(--gray-000)}.gray000_bg{background-color:var(--gray-000)}.orange_dark{color:var(--orange-dark)}.orange_dark_bg{background-color:var(--orange-dark)}.orange_0{color:var(--orange-0)}.orange_0_bg{background-color:var(--orange-0)}.orange_light{color:var(--orange-light)}.orange_light_bg{background-color:var(--orange-light)}.orange_alpha_dark{color:var(--orange-alpha-dark)}.orange_alpha_dark_bg{background-color:var(--orange-alpha-dark)}.orange_alpha_0{color:var(--orange-alpha-0)}.orange_alpha_0_bg{background-color:var(--orange-alpha-0)}.orange_alpha_light{color:var(--orange-alpha-light)}.orange_alpha_light_bg{background-color:var(--orange-alpha-light)}.yellow_dark{color:var(--yellow-dark)}.yellow_dark_bg{background-color:var(--yellow-dark)}.yellow_0{color:var(--yellow-0)}.yellow_0_bg{background-color:var(--yellow-0)}.yellow_light{color:var(--yellow-light)}.yellow_light_bg{background-color:var(--yellow-light)}.yellow_alpha_dark{color:var(--yellow-alpha-dark)}.yellow_alpha_dark_bg{background-color:var(--yellow-alpha-dark)}.yellow_alpha_0{color:var(--yellow-alpha-0)}.yellow_alpha_0_bg{background-color:var(--yellow-alpha-0)}.yellow_alpha_light{color:var(--yellow-alpha-light)}.yellow_alpha_light_bg{background-color:var(--yellow-alpha-light)}.green_dark{color:var(--green-dark)}.green_dark_bg{background-color:var(--green-dark)}.green_0{color:var(--green-0)}.green_0_bg{background-color:var(--green-0)}.green_light{color:var(--green-light)}.green_light_bg{background-color:var(--green-light)}.green_alpha_dark{color:var(--green-alpha-dark)}.green_alpha_dark_bg{background-color:var(--green-alpha-dark)}.green_alpha_0{color:var(--green-alpha-0)}.green_alpha_0_bg{background-color:var(--green-alpha-0)}.green_alpha_light{color:var(--green-alpha-light)}.green_alpha_light_bg{background-color:var(--green-alpha-light)}.blue_dark{color:var(--blue-dark)}.blue_dark_bg{background-color:var(--blue-dark)}.blue_0{color:var(--blue-0)}.blue_0_bg{background-color:var(--blue-0)}.blue_light{color:var(--blue-light)}.blue_light_bg{background-color:var(--blue-light)}.blue_alpha_dark{color:var(--blue-alpha-dark)}.blue_alpha_dark_bg{background-color:var(--blue-alpha-dark)}.blue_alpha_0{color:var(--blue-alpha-0)}.blue_alpha_0_bg{background-color:var(--blue-alpha-0)}.blue_alpha_light{color:var(--blue-alpha-light)}.blue_alpha_light_bg{background-color:var(--blue-alpha-light)}.red_dark{color:var(--red-dark)}.red_dark_bg{background-color:var(--red-dark)}.red_0{color:var(--red-0)}.red_0_bg{background-color:var(--red-0)}.red_light{color:var(--red-light)}.red_light_bg{background-color:var(--red-light)}.red_alpha_dark{color:var(--red-alpha-dark)}.red_alpha_dark_bg{background-color:var(--red-alpha-dark)}.red_alpha_0{color:var(--red-alpha-0)}.red_alpha_0_bg{background-color:var(--red-alpha-0)}.red_alpha_light{color:var(--red-alpha-light)}.red_alpha_light_bg{background-color:var(--red-alpha-light)}.purple_dark{color:var(--purple-dark)}.purple_dark_bg{background-color:var(--purple-dark)}.purple_0{color:var(--purple-0)}.purple_0_bg{background-color:var(--purple-0)}.purple_light{color:var(--purple-light)}.purple_light_bg{background-color:var(--purple-light)}.purple_alpha_dark{color:var(--purple-alpha-dark)}.purple_alpha_dark_bg{background-color:var(--purple-alpha-dark)}.purple_alpha_0{color:var(--purple-alpha-0)}.purple_alpha_0_bg{background-color:var(--purple-alpha-0)}.purple_alpha_light{color:var(--purple-alpha-light)}.purple_alpha_light_bg{background-color:var(--purple-alpha-light)}.gradient_90deg_yellow{background-image:-webkit-gradient(linear,left top,right top,from(#fe924d),to(#fdc433));background-image:linear-gradient(90deg,#fe924d 0,#fdc433 100%)}.gradient_90deg_orange{background-image:-webkit-gradient(linear,left top,right top,from(#f96767),to(#ff9754));background-image:linear-gradient(90deg,#f96767 0,#ff9754 100%)}.gradient_90deg_red{background-image:-webkit-gradient(linear,left top,right top,from(#fc94d8),to(#f44954));background-image:linear-gradient(90deg,#fc94d8 0,#f44954 100%)}.gradient_90deg_purple{background-image:-webkit-gradient(linear,left top,right top,from(#84b5ff),to(#855cf9));background-image:linear-gradient(90deg,#84b5ff 0,#855cf9 100%)}.gradient_90deg_blue{background-image:-webkit-gradient(linear,left top,right top,from(#8decec),to(#3c9af1));background-image:linear-gradient(90deg,#8decec 0,#3c9af1 100%)}.gradient_90deg_green{background-image:-webkit-gradient(linear,left top,right top,from(#d7e38b),to(#23c176));background-image:linear-gradient(90deg,#d7e38b 0,#23c176 100%)}.gradient_90deg_gray1{background-image:-webkit-gradient(linear,left top,right top,from(#212121),to(#616161));background-image:linear-gradient(90deg,#212121 0,#616161 100%)}.gradient_90deg_gray2{background-image:-webkit-gradient(linear,left top,right top,from(#616161),to(#9e9e9e));background-image:linear-gradient(90deg,#616161 0,#9e9e9e 100%)}.gradient_90deg_gray3{background-image:-webkit-gradient(linear,left top,right top,from(#9e9e9e),to(#e0e0e0));background-image:linear-gradient(90deg,#9e9e9e 0,#e0e0e0 100%)}.gradient_90deg_gray4{background-image:-webkit-gradient(linear,left top,right top,from(#e0e0e0),to(#f5f5f5));background-image:linear-gradient(90deg,#e0e0e0 0,#f5f5f5 100%)}.gradient_180deg_yellow{background-image:-webkit-gradient(linear,left top,left bottom,from(#fe924d),to(#fdc433));background-image:linear-gradient(180deg,#fe924d 0,#fdc433 100%)}.gradient_180deg_orange{background-image:-webkit-gradient(linear,left top,left bottom,from(#f96767),to(#ff9754));background-image:linear-gradient(180deg,#f96767 0,#ff9754 100%)}.gradient_180deg_red{background-image:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background-image:linear-gradient(180deg,#fc94d8 0,#f44954 100%)}.gradient_180deg_purple{background-image:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background-image:linear-gradient(180deg,#84b5ff 0,#855cf9 100%)}.gradient_180deg_blue{background-image:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background-image:linear-gradient(180deg,#8decec 0,#3c9af1 100%)}.gradient_180deg_green{background-image:-webkit-gradient(linear,left top,left bottom,from(#d7e38b),to(#23c176));background-image:linear-gradient(180deg,#d7e38b 0,#23c176 100%)}.gradient_180deg_gray1{background-image:-webkit-gradient(linear,left top,left bottom,from(#212121),to(#616161));background-image:linear-gradient(180deg,#212121 0,#616161 100%)}.gradient_180deg_gray2{background-image:-webkit-gradient(linear,left top,left bottom,from(#616161),to(#9e9e9e));background-image:linear-gradient(180deg,#616161 0,#9e9e9e 100%)}.gradient_180deg_gray3{background-image:-webkit-gradient(linear,left top,left bottom,from(#9e9e9e),to(#e0e0e0));background-image:linear-gradient(180deg,#9e9e9e 0,#e0e0e0 100%)}.gradient_180deg_gray4{background-image:-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#f5f5f5));background-image:linear-gradient(180deg,#e0e0e0 0,#f5f5f5 100%)}.shadow_xs{-webkit-box-shadow:0 8px 4px -8px rgba(0,0,0,.2);box-shadow:0 8px 4px -8px rgba(0,0,0,.2)}.shadow_s{-webkit-box-shadow:0 8px 8px -8px rgba(0,0,0,.2);box-shadow:0 8px 8px -8px rgba(0,0,0,.2)}.shadow_m{-webkit-box-shadow:0 8px 16px -8px rgba(0,0,0,.2);box-shadow:0 8px 16px -8px rgba(0,0,0,.2)}.shadow_l{-webkit-box-shadow:0 20px 24px -12px rgba(0,0,0,.2);box-shadow:0 20px 24px -12px rgba(0,0,0,.2)}#__next,#root{height:100%}.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;min-width:320px;min-height:100%;background-color:var(--gray-000)}@media screen and (max-width:1023px){.wrap{overflow:initial}}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;width:100%}@media screen and (orientation:landscape){.container{-webkit-box-sizing:border-box;box-sizing:border-box}@supports (padding:env(safe-area-inset-right)){.container{padding:0 calc(env(safe-area-inset-right)) 0 calc(env(safe-area-inset-left))}}@supports (padding:constant(safe-area-inset-right)){.container{padding:0 calc(constant(safe-area-inset-right)) 0 calc(constant(safe-area-inset-left))}}}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--orange-alpha-dark);border-radius:2px}::-webkit-scrollbar-track{background:0 0}.dimmed{position:fixed;top:0;right:0;left:0;bottom:0;z-index:200;background-color:var(--gray-900);opacity:.24}.br_pc{display:block}@media screen and (max-width:1023px){.br_pc{display:none}}.br_tablet{display:none}@media screen and (max-width:1023px){.br_tablet{display:block}}@media screen and (max-width:639px){.br_tablet{display:none}}.br_mo{display:none}@media screen and (max-width:639px){.br_mo{display:block}}@media screen and (max-width:359px){.br_mo{display:none}}.br_mo_xs{display:none}@media screen and (max-width:359px){.br_mo_xs{display:block}}.community_page .container{max-width:1120px;margin:0 auto;padding:158px 40px 240px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.community_page .container{max-width:none;padding:0}}.community_page .container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.community_page .content{position:relative;padding-right:32.789%;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.community_page .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:640px;padding:72px 32px}}@media screen and (max-width:639px){.community_page .content{max-width:none;padding-left:16px;padding-right:16px}}.community_page .content .img_box{position:absolute;top:0;right:0}@media screen and (max-width:1023px){.community_page .content .img_box{position:static;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-top:32px}}.community_page .content .img_box svg{display:block;width:100%}.community_page .content .title{font-size:5.6rem;line-height:1.15;font-weight:600;color:var(--gray-800)}@media screen and (max-width:1023px){.community_page .content .title{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;font-size:3rem;line-height:1.27}}.community_page .content .desc{display:block;margin-top:32px;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-800)}@media screen and (max-width:1023px){.community_page .content .desc{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;text-align:center}}.community_page .content .btn_box{margin-top:32px}@media screen and (max-width:1023px){.community_page .content .btn_box{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;width:100%}}@media screen and (max-width:639px){.community_page .content .btn_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.community_page .content .btn_box .btn{margin:0 12px;padding:11px 15px;border-radius:8px}@media screen and (max-width:1023px){.community_page .content .btn_box .btn{-ms-flex-preferred-size:50%;flex-basis:50%}}@media screen and (max-width:639px){.community_page .content .btn_box .btn{-ms-flex-preferred-size:auto;flex-basis:auto;width:100%;margin:16px 0 0}}.community_page .content .btn_box .btn:first-child{margin-left:0}@media screen and (max-width:639px){.community_page .content .btn_box .btn:first-child{margin-top:0}}.community_page .content .btn_box .btn:last-child{margin-right:0}.community_page .content .btn_box .btn_github svg{padding:2px;-webkit-box-sizing:border-box;box-sizing:border-box}.community_page .content .btn_box .btn_github svg path{fill:var(--gray-900)}.community_page .content .btn_box .btn_discord{color:#5865f2}.community_page .content .btn_box .btn_discord svg{padding:2px;-webkit-box-sizing:border-box;box-sizing:border-box}.community_page .content .btn_box .icon{width:28px;height:28px}.community_page .content .btn_box .text{font-size:2rem;line-height:1.4;font-weight:600;color:var(--gray-800)}.error_page .container{max-width:1120px;margin:0 auto;padding:72px 40px 72px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.error_page .container{max-width:none;padding:0}}.error_page .container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.error_page .content{position:relative;width:100%;max-width:990px;padding-left:32.405%;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.error_page .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:64px 32px}}@media screen and (max-width:639px){.error_page .content{padding-left:16px;padding-right:16px}}.error_page .content.error_404{padding-left:40.577%}@media screen and (max-width:1023px){.error_page .content.error_404{padding-left:32px}}@media screen and (max-width:1023px){.error_page .content.error_404{padding-left:16px}}.error_page .content .img_box{position:absolute;top:0;left:0}@media screen and (max-width:1023px){.error_page .content .img_box{position:static;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-top:32px}}.error_page .content .img_box svg{display:block;width:100%}.error_page .title{color:var(--gray-800);font-size:4.6rem;line-height:1.18;font-weight:600}@media screen and (max-width:1023px){.error_page .title{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;font-size:3rem;line-height:1.27;text-align:center}}@media screen and (max-width:359px){.error_page .title{font-size:2.6rem;line-height:1.31}}.error_page .desc{display:block;margin-top:32px;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:400}@media screen and (max-width:1023px){.error_page .desc{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;text-align:center}}.error_page .btn_box{margin-top:32px}@media screen and (max-width:1023px){.error_page .btn_box{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}}.error_page .btn_box .btn{margin:0 12px;padding:11px 15px;border-radius:8px}@media screen and (max-width:1023px){.error_page .btn_box .btn{-ms-flex-preferred-size:calc(50% - 12px);flex-basis:calc(50% - 12px);margin-top:24px}}.error_page .btn_box .btn:first-child{margin-left:0}@media screen and (max-width:1023px){.error_page .btn_box .btn:first-child{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0;margin-right:0}}.error_page .btn_box .btn:first-child .icon{width:24px;height:24px}.error_page .btn_box .btn:first-child .text{color:var(--gray-000)}@media screen and (max-width:1023px){.error_page .btn_box .btn:nth-child(2){margin-left:0}}.error_page .btn_box .btn:last-child{margin-right:0}.error_page .btn_box .btn_github svg{padding:2px;-webkit-box-sizing:border-box;box-sizing:border-box}.error_page .btn_box .btn_github svg path{fill:var(--gray-900)}.error_page .btn_box .icon{width:28px;height:28px}.error_page .btn_box .text{font-size:2rem;line-height:1.4;font-weight:600;color:var(--gray-800)}.btn_start.orange_0{overflow:hidden;position:relative;font-size:2rem;line-height:1.4;font-weight:600;height:52px;border-radius:8px;border:0;isolation:isolate}.btn_start.orange_0::after,.btn_start.orange_0::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0}.btn_start.orange_0::before{background:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background:linear-gradient(180deg,#ff9754 0,#f96767 100%)}.btn_start.orange_0::after{background:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background:linear-gradient(180deg,#84b5ff 0,#855cf9 100%)}.btn_start.orange_0 .bg::after,.btn_start.orange_0 .bg::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0;z-index:1}.btn_start.orange_0 .bg::before{background:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background:linear-gradient(180deg,#8decec 0,#3c9af1 100%)}.btn_start.orange_0 .bg::after{background:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background:linear-gradient(180deg,#fc94d8 0,#f44954 100%)}.btn_start.orange_0:hover{background-color:var(--orange-0);-webkit-animation:btn-bg 10s linear infinite 1.5s;animation:btn-bg 10s linear infinite 1.5s}.btn_start.orange_0:hover::before{-webkit-animation:gradient1 10s linear infinite;animation:gradient1 10s linear infinite}.btn_start.orange_0:hover::after{-webkit-animation:gradient2 10s linear infinite;animation:gradient2 10s linear infinite}.btn_start.orange_0:hover .bg::before{-webkit-animation:gradient3 10s linear infinite 5s;animation:gradient3 10s linear infinite 5s}.btn_start.orange_0:hover .bg::after{-webkit-animation:gradient4 10s linear infinite 5s;animation:gradient4 10s linear infinite 5s}.btn_start.orange_0 .icon{width:24px;height:24px;margin-left:0;z-index:1}.btn_start.orange_0 .text{z-index:1}.top_banner{border-bottom:1px solid var(--gray-400)}.top_banner_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1120px;margin:0 auto;padding:0 40px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.top_banner_inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 32px}}@media screen and (max-width:639px){.top_banner_inner{padding:0 16px}}.top_banner .title_group{color:var(--gray-800)}@media screen and (max-width:1023px){.top_banner .title_group{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;max-width:none;width:100%}}.top_banner .title_group .title{font-size:5.6rem;line-height:1.15;font-weight:600}@media screen and (max-width:1023px){.top_banner .title_group .title{font-size:3rem;line-height:1.27}}.top_banner .title_group .desc{margin-top:32px;font-size:1.6rem;line-height:1.5;font-weight:500}@media screen and (max-width:1023px){.top_banner .title_group .desc{font-size:1.4rem;line-height:1.58}}.top_banner .title_group .btn_box{margin-top:32px}@media screen and (max-width:1023px){.top_banner .title_group .btn_box .btn{width:100%}}.top_banner .title_group .btn_box .icon path{fill:var(--gray-000)}.top_banner .title_group .btn_box .text{color:var(--gray-000)}@media screen and (max-width:1023px){.top_banner .img_box{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.top_banner .img_box svg{display:block;width:100%;height:100%}.codeblock_header{padding:6px 8px}.codeblock_header .box_left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width:1023px){.codeblock_header .box_left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.codeblock_header .btn_item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:36px;padding:0 16px;border-radius:8px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-600)}.codeblock_header .btn_item+.btn_item{margin-left:8px}.codeblock_header .btn_item.is_active{background:var(--gray-800);color:var(--gray-000)}.codeblock_header+.codeblock_box{margin-top:0}.codeblock_header+.codeblock_box .codeblock{border-radius:0 0 4px 4px;border-top:0}.codeblock .language-bash{padding:0}.header_example{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:13px 16px 12px 24px;border-bottom:1px solid var(--gray-600);background:var(--gray-000)}@media screen and (max-width:1023px){.header_example{padding:20px 24px 19px 32px}@supports (padding:env(safe-area-inset-right)){.header_example{padding:20px calc(24px + env(safe-area-inset-right)) 19px calc(32px + env(safe-area-inset-left))}}@supports (padding:constant(safe-area-inset-right)){.header_example{padding:20px calc(24px + constant(safe-area-inset-right)) 19px calc(32px + constant(safe-area-inset-left))}}}@media screen and (max-width:639px){.header_example{-ms-flex-wrap:wrap;flex-wrap:wrap;position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:20px 24px 19px 16px}@supports (padding:env(safe-area-inset-right)){.header_example{padding:20px calc(24px + env(safe-area-inset-right)) 19px calc(16px + env(safe-area-inset-left))}}@supports (padding:constant(safe-area-inset-right)){.header_example{padding:20px calc(24px + constant(safe-area-inset-right)) 19px calc(16px + constant(safe-area-inset-left))}}}.header_example .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header_example .nav_text{position:relative;margin-left:16px;padding-left:16px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800)}.header_example .nav_text::before{position:absolute;top:0;left:0;width:1px;height:16px;background-color:var(--gray-400);vertical-align:middle;content:""}.header_example .nav .btn,.header_example .nav .user{height:32px;padding:8px 12px;font-size:1.2rem;line-height:1.34;font-weight:500}.header_example .nav .btn:first-of-type,.header_example .nav .user:first-of-type{margin-left:24px}.header_example .nav .btn+.btn,.header_example .nav .user+.btn{margin-left:16px}@media screen and (max-width:639px){.header_example .nav .btn{display:none}}.header_example .nav .user{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--gray-000);border-radius:4px}@media screen and (max-width:639px){.header_example .nav .user{display:none}}.header_example .logo{width:40px;height:38px}@media screen and (max-width:1023px){.header_example .logo{width:24px;height:24px}}.header_example .logo a{display:block;width:100%;height:100%}.header_example .logo svg{display:block;width:100%;height:100%}@media screen and (max-width:639px){.header_example .btn_box{display:none}}.header_example .btn_box .btn{width:32px;height:32px;padding:0;border:none;-webkit-box-sizing:border-box;box-sizing:border-box}.header_example .btn_box .icon{width:100%;height:100%}.header_example .btn_box .btn_grid{padding:8px}.header_example .menu_user_list{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0 32px;color:var(--gray-000)}.header_example .menu_user_list .icon svg path{fill:#fff}.dashboard{border-radius:4px}.dashboard_top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:7px;border-bottom:1px solid var(--gray-400)}.dashboard_content{position:relative;height:260px}.dashboard .btn_box{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:absolute;left:0;right:0;bottom:0;padding:7px}.dashboard .btn_box .guide{padding-left:4px;padding-bottom:4px;font-size:1rem;line-height:1;font-weight:500;color:var(--gray-500)}.dashboard .btn_box .btn_expand{position:static;margin-left:auto;padding-left:8px;padding-right:8px;border:none}.dashboard .btn_box .btn_expand.is_disabled,.dashboard .btn_box .btn_expand:disabled{background-color:var(--gray-300);color:#fff}.dashboard .user{padding:5px 13px;border-radius:4px;font-size:1.2rem;line-height:1.34;font-weight:500;color:#fff}.dashboard .user_list{display:-webkit-box;display:-ms-flexbox;display:flex}.dashboard .user_list .user_item{margin-left:8px}.dashboard .user_list .user_item:first-child{margin-left:0}.dashboard .user_list .icon svg path{fill:#fff}.darkmode .header_example .logo svg [fill="#514C49"]{fill:var(--gray-100)}.main_page .key_visual{overflow:hidden;position:relative;width:100%;height:calc(100vh - 64px)}@media screen and (max-width:1023px) and (orientation:landscape){.main_page .key_visual{height:calc(100vh + 70px)}}.main_page .key_visual .kv_bg svg{--scale:1;position:absolute;top:0;left:50%;width:auto;height:100%;-webkit-transform:translateX(-50%) scale(var(--scale));transform:translateX(-50%) scale(var(--scale))}.main_page .key_visual .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:1;height:100%}@media screen and (max-width:1023px){.main_page .key_visual .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:0 32px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media screen and (max-width:639px){.main_page .key_visual .inner{padding-left:16px;padding-right:16px}}.main_page .key_visual .title{font-size:9.6rem;line-height:1.17;font-weight:800;text-align:center}@media screen and (max-width:1023px){.main_page .key_visual .title{font-size:5.6rem;line-height:1.15}}@media screen and (max-width:639px){.main_page .key_visual .title{font-size:3.8rem;line-height:1.22}}.main_page .key_visual .title .text{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#212121),to(#616161));background:linear-gradient(180deg,#212121 0,#616161 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main_page .key_visual .title .point{display:block;position:relative;height:113px;color:var(--orange-0)}@media screen and (max-width:1023px){.main_page .key_visual .title .point{height:auto}}.main_page .key_visual .title .point::after,.main_page .key_visual .title .point::before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;content:"collaboration";font-size:9.6rem;line-height:1.17;font-weight:800;opacity:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width:1023px){.main_page .key_visual .title .point::after,.main_page .key_visual .title .point::before{font-size:5.6rem;line-height:1.15}}@media screen and (max-width:639px){.main_page .key_visual .title .point::after,.main_page .key_visual .title .point::before{font-size:3.8rem;line-height:1.22}}.main_page .key_visual .title .point::before{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%)}.main_page .key_visual .title .point::after{background-image:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background-image:linear-gradient(180deg,#84b5ff 0,#855cf9 100%)}.main_page .key_visual .title .point .bg::after,.main_page .key_visual .title .point .bg::before{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;font-size:9.6rem;line-height:1.17;font-weight:800;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;content:"collaboration"}@media screen and (max-width:1023px){.main_page .key_visual .title .point .bg::after,.main_page .key_visual .title .point .bg::before{font-size:5.6rem;line-height:1.15}}@media screen and (max-width:639px){.main_page .key_visual .title .point .bg::after,.main_page .key_visual .title .point .bg::before{font-size:3.8rem;line-height:1.22}}.main_page .key_visual .title .point .bg::before{background-image:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background-image:linear-gradient(180deg,#8decec 0,#3c9af1 100%)}.main_page .key_visual .title .point .bg::after{background-image:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background-image:linear-gradient(180deg,#fc94d8 0,#f44954 100%)}.main_page .key_visual .title .point.is_hover{-webkit-animation:point-text 10s linear infinite 1.5s;animation:point-text 10s linear infinite 1.5s}.main_page .key_visual .title .point.is_hover::before{-webkit-animation:gradient1 10s linear infinite;animation:gradient1 10s linear infinite}.main_page .key_visual .title .point.is_hover::after{-webkit-animation:gradient2 10s linear infinite;animation:gradient2 10s linear infinite}.main_page .key_visual .title .point.is_hover .bg::before{-webkit-animation:gradient3 10s linear infinite 5s;animation:gradient3 10s linear infinite 5s}.main_page .key_visual .title .point.is_hover .bg::after{-webkit-animation:gradient4 10s linear infinite 5s;animation:gradient4 10s linear infinite 5s}.main_page .key_visual .btn_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:40px}@media screen and (max-width:1023px){.main_page .key_visual .btn_box{margin-top:80px}}@media screen and (max-width:639px){.main_page .key_visual .btn_box{display:block;width:100%;margin-top:32px}}.main_page .key_visual .npm_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:52px;padding:10px 16px;border-radius:8px;background:var(--gray-800);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.main_page .key_visual .npm_box{padding:0 32px}}@media screen and (max-width:639px){.main_page .key_visual .npm_box{padding:0 16px}}.main_page .key_visual .npm_box .input{width:228px;border:0;background:0 0;color:var(--gray-000);font-size:1.4rem;line-height:1.72;font-weight:400;font-family:RobotoMono,Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace}.main_page .key_visual .npm_box .btn_area{position:relative}@media screen and (max-width:639px){.main_page .key_visual .npm_box .btn_area{margin-left:auto}}.main_page .key_visual .npm_box .btn_area .toast_box{left:65%}.main_page .key_visual .npm_box .btn{margin-left:24px;padding:10px 12px;border-color:var(--gray-400)}.main_page .key_visual .npm_box .btn:hover{background:var(--gray-900)}.main_page .key_visual .npm_box .btn .icon{width:12px;height:12px}.main_page .key_visual .btn_start{margin-left:24px}@media screen and (max-width:1023px){.main_page .key_visual .btn_start{margin-left:16px}}@media screen and (max-width:639px){.main_page .key_visual .btn_start{width:100%;margin-top:16px;margin-left:0}}.main_page .key_visual .btn_start:only-child{margin-left:0}@media screen and (max-width:639px){.main_page .key_visual .btn_start:only-child{margin-top:0}}.main_page .key_visual .desc{width:100%;margin-top:40px;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-800);text-align:center}@media screen and (max-width:1023px){.main_page .key_visual .desc{font-size:1.4rem;line-height:1.58}}@media screen and (max-width:639px){.main_page .key_visual .desc{margin-top:24px}}.main_page .section{max-width:1368px;margin:0 auto;padding:240px 40px 0;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.main_page .section{max-width:none;padding-left:32px;padding-right:32px}}@media screen and (max-width:639px){.main_page .section{padding:160px 16px 0}}.main_page .section:last-child{padding-bottom:240px}@media screen and (max-width:639px){.main_page .section:last-child{padding-bottom:160px}}.main_page .section_title{display:block;font-size:5.6rem;line-height:1.15;font-weight:600;color:var(--gray-900);text-align:center}@media screen and (max-width:1023px){.main_page .section_title{font-size:3rem;line-height:38px}}.main_page .section_desc{margin-top:32px;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:500;text-align:center}@media screen and (max-width:1023px){.main_page .section_desc{font-size:1.4rem;line-height:1.58}}.main_page .section_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:32px}.main_page .section_content.draw{padding:0 60px}@media screen and (max-width:1023px){.main_page .section_content.draw{padding:0}}.main_page .section_content .draw_box{width:640px;height:374px;border-radius:20px;background-color:pink}@media screen and (max-width:1023px){.main_page .section_content .draw_box{display:none}}.main_page .section_content .draw_box+.draw_box{margin-left:16px}.main_page .section .btn_box{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:48px}@media screen and (max-width:1023px){.main_page .section .btn_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:32px}}.main_page .section .btn_box .btn{padding-top:11px;padding-bottom:11px;border-radius:8px;font-size:2rem;line-height:1.4;font-weight:600}@media screen and (max-width:639px){.main_page .section .btn_box .btn{width:100%}}.main_page .section .btn_box .btn.btn_line{color:var(--gray-800)}.main_page .section .btn_box .btn.btn_start{-webkit-transition:none;transition:none}.main_page .section .btn_box .btn.btn_start:hover{background:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background:linear-gradient(180deg,#ff9754 0,#f96767 100%)}.main_page .section .btn_box .btn .icon{width:24px;height:24px}.main_page .section .btn_box .btn+.btn{margin-left:24px}@media screen and (max-width:1023px){.main_page .section .btn_box .btn+.btn{margin-top:20px;margin-left:0}}.main_page .section_app{max-width:1370px}@media screen and (max-width:1023px){.main_page .section_app{max-width:none}}.main_page .section_app .align_box{border:1px solid var(--gray-400);border-radius:23px}@media screen and (max-width:1023px){.main_page .section_app .align_box{border:0;border-radius:0}}.main_page .section_app .app_header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 32px 19px;border-bottom:1px solid var(--gray-400)}@media screen and (max-width:1023px){.main_page .section_app .app_header{display:none}}.main_page .section_app .app_header .tag_name{color:var(--gray-800);font-size:2rem;line-height:1.4;font-weight:600}.main_page .section_app .app_header .icon svg path{fill:#fff}.main_page .section_app .app_body{padding:83px 0 94px;position:relative}@media screen and (max-width:1023px){.main_page .section_app .app_body{padding:0}}.main_page .section_app .app_body::before{position:absolute;top:0;left:0;width:100%;height:100%;border-bottom-left-radius:23px;border-bottom-right-radius:23px;background-image:url(/assets/images/main_bg.png);background-repeat:repeat;content:""}@media screen and (max-width:1023px){.main_page .section_app .app_body::before{display:none}}.main_page .section_app .app_body .btn_box,.main_page .section_app .app_body .section_desc,.main_page .section_app .app_body .section_title{position:relative;z-index:1}.main_page .section_app .point{display:inline-block;position:relative;padding:0 8px;border:3px dashed var(--purple-0);border-radius:16px;line-height:53px}@media screen and (max-width:1023px){.main_page .section_app .point{padding:0;border:none;border-radius:0;line-height:normal}}.main_page .section_app .point::before{position:absolute;top:-4px;left:-35px;width:24px;height:24px;background-image:url(/assets/icons/icon_service_main_users_alone.svg);background-repeat:no-repeat;content:""}@media screen and (max-width:1023px){.main_page .section_app .point::before{display:none}}@media screen and (max-width:1023px){.main_page .section_app .btn{min-width:280px}}.main_page .service_card_list{margin-right:36px}@media screen and (max-width:1023px){.main_page .service_card_list{margin-right:0;padding:0 74px}}@media screen and (max-width:639px){.main_page .service_card_list{padding:0}}.main_page .service_card_list .service_card_item{width:398px}@media screen and (max-width:1023px){.main_page .service_card_list .service_card_item{width:100%}}.main_page .grid_list{display:none}@media screen and (max-width:1023px){.main_page .grid_list{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:1023px){.main_page .grid_item{margin-bottom:0}}@media screen and (max-width:1023px){.main_page .grid_item{margin-bottom:32px}}@media screen and (max-width:1023px){.main_page .grid_item:last-child{margin-bottom:0}}.main_page .horizon_list{max-width:1000px;margin-top:32px}@media screen and (max-width:1023px){.main_page .horizon_list{max-width:none;padding:0 74px}}@media screen and (max-width:639px){.main_page .horizon_list{padding:0}}.main_page .horizon_list .img_box{width:466px;height:216px}@media screen and (max-width:1023px){.main_page .horizon_list .img_box{width:100%;max-width:428px;height:auto;margin:0 auto}}@media screen and (max-width:639px){.main_page .horizon_list .img_box{max-width:none}}.main_page .horizon_list .img_box svg{display:block;width:100%}@media screen and (max-width:1023px){.main_page .horizon_list .img_box svg{height:100%}}.main_page .codeblock_content{width:854px;height:513px}@media screen and (max-width:1023px){.main_page .codeblock_content{display:none}}.main_page .codeblock_content .btn_item{height:40px;border-radius:4px;color:var(--gray-800)}.main_page .codeblock_content .btn_item+.btn_item{margin-left:16px}.main_page .codeblock_content .btn_item.is_active{background:var(--orange-0);color:var(--gray-000)}.main_page .codeblock_content .codeblock{overflow-y:overlay;height:100%;border-radius:0 0 16px 16px;border-top:0}.main_page .codeblock_content .codeblock_header{padding:16px;border-radius:16px 16px 0 0}.main_page .codeblock_content .codeblock_header .box_right .btn_line{width:40px;height:40px;padding:12px;color:var(--gray-800)}.main_page .codeblock_content .codeblock_header .box_right .btn_line .icon{-webkit-box-flex:0;-ms-flex:none;flex:none;width:16px;height:16px}.main_page .codeblock_content .prism-code .string{white-space:pre-wrap}@media screen and (max-width:1023px){.main_page .section_faq .btn{width:100%;max-width:280px}}@media screen and (max-width:639px){.main_page .section_faq .btn{max-width:none}}.main_page .accordion_list{width:800px}@media screen and (max-width:639px){.main_page .accordion_list{padding:0}}.darkmode .main_page .key_visual .title .text{background:-webkit-gradient(linear,left top,left bottom,from(#fefdfb),to(#a6a19e));background:linear-gradient(180deg,#fefdfb 0,#a6a19e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.darkmode .main_page .kv_bg g[filter*=filter0]>rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter0] g rect:first-child{fill:var(--gray-100);stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter0] [fill="#FAF8F6"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter0] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter0] [fill="#F5F3F1"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter0] [stroke="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter0] [stroke="#EFECEB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter2] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#F5F3F1"],.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#C2BDBA"],.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#EFECEB"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter2] [stroke="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter2] [stroke="#F5F3F1"]{stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter2] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter3] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter3] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter3] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter3] [fill="#E2DEDB"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter3] [stroke="#EFECEB"]{stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter3] [stroke="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter3] [stroke="#F5F3F1"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#FEFDFB"]{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#FAF8F6"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#C2BDBA"],.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#F5F3F1"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter4] [stroke="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter4] [stroke="#EFECEB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter5] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter5] [fill="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter5] [fill="#F5F3F1"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter5] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter6] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#F5F3F1"],.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#FAF8F6"],.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#E2DEDB"]{fill:var(--gray-200)}.darkmode .main_page .kv_bg g[filter*=filter6] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter7] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter7] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter7] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter7] [fill="#E2DEDB"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter7] [stroke="#F5F3F1"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter7] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter8]>rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter8] g rect:first-child{fill:var(--gray-50);stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter8] [stroke="#EFECEB"]{stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter8] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .section_app .app_body::before{background-image:url(/assets/images/main_bg_dark.png)}.darkmode .main_page .grid_thumbnail [fill="#FEFDFB"],.darkmode .main_page .grid_thumbnail [fill="url(#pattern1)"],.darkmode .main_page .grid_thumbnail [fill=white]{fill:var(--gray-000)}.darkmode .main_page .horizon_item .img_box [fill="#FEFDFB"]{fill:var(--gray-000)}@-webkit-keyframes gradient1{0%{opacity:0}15%{opacity:1}100%{opacity:0}}@keyframes gradient1{0%{opacity:0}15%{opacity:1}100%{opacity:0}}@-webkit-keyframes gradient2{0%{opacity:0}15%{opacity:0}40%{opacity:1}100%{opacity:0}}@keyframes gradient2{0%{opacity:0}15%{opacity:0}40%{opacity:1}100%{opacity:0}}@-webkit-keyframes gradient3{0%{opacity:0}15%{opacity:1}65%{opacity:0}100%{opacity:0}}@keyframes gradient3{0%{opacity:0}15%{opacity:1}65%{opacity:0}100%{opacity:0}}@-webkit-keyframes gradient4{0%{opacity:0}15%{opacity:0}40%{opacity:1}65%{opacity:0}100%{opacity:0}}@keyframes gradient4{0%{opacity:0}15%{opacity:0}40%{opacity:1}65%{opacity:0}100%{opacity:0}}@-webkit-keyframes point-text{0%{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}40%{background-image:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background-image:linear-gradient(180deg,#84b5ff 0,#855cf9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}50%{background-image:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background-image:linear-gradient(180deg,#8decec 0,#3c9af1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}90%{background-image:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background-image:linear-gradient(180deg,#fc94d8 0,#f44954 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}100%{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}@keyframes point-text{0%{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}40%{background-image:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background-image:linear-gradient(180deg,#84b5ff 0,#855cf9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}50%{background-image:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background-image:linear-gradient(180deg,#8decec 0,#3c9af1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}90%{background-image:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background-image:linear-gradient(180deg,#fc94d8 0,#f44954 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}100%{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}html{scroll-padding-top:70px}.documentation_page .header_service{background-color:var(--gray-000)}.documentation_page .container{max-width:1920px;margin:0 auto}.documentation_page .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;min-height:calc(100vh - 134px)}.documentation_page .content .navigator{min-width:308px;padding:0 40px 175px 24px;border-right:1px solid var(--gray-400);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.documentation_page .content .navigator{display:none}}.documentation_page .content .navigator_group:hover>.navigator_item{color:var(--orange-dark)}.documentation_page .content .navigator_group .navigator_list{display:none;padding-right:0}.documentation_page .content .navigator_group .navigator_group{margin-top:0}.documentation_page .content .navigator_group .navigator_menu.is_active+.navigator_list{display:block}.documentation_page .content .navigator>.navigator_list{position:-webkit-sticky;position:sticky;top:0;padding-top:76px}.documentation_page .content .navigator>.navigator_list>.navigator_group>.navigator_item:only-child{padding-left:40px;font-size:1.6rem;line-height:1.5;font-weight:600}.documentation_page .content .navigator_list .navigator_group:not(:first-of-type) .navigator_item,.documentation_page .content .navigator_list .navigator_group:not(:first-of-type) .navigator_menu{margin-top:0}.documentation_page .content .navigator_list .navigator_group:not(:first-of-type) .navigator_item{font-size:1.4rem;line-height:1.43}.documentation_page .content .navigator_item{font-size:1.6rem}.documentation_page .content .navigator_item.is_active{border:transparent;background-color:transparent;color:var(--orange-dark)}.documentation_page .content .navigator_menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.documentation_page .content .navigator_menu .icon{width:16px;height:16px}.documentation_page .section{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;max-width:100%;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:88px 52px 164px}@media screen and (max-width:1244px){.documentation_page .section{padding:88px 40px 88px 52px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}}@media screen and (max-width:1023px){.documentation_page .section{padding:72px 32px}}@media screen and (max-width:639px){.documentation_page .section{padding:72px 16px}}.documentation_page .pagination{display:none;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;position:-webkit-sticky;position:sticky;top:152px;right:0;z-index:1;width:220px;border:1px solid var(--gray-400);border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width:1600px){.documentation_page .pagination{display:block}}.documentation_page .pagination_inner{padding:24px}.documentation_page .pagination_title{color:var(--gray-800);font-size:1.4rem;line-height:1.58;font-weight:600}.documentation_page .pagination .toc-level-1{padding-top:8px}.documentation_page .pagination .toc-item{padding-top:10px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-500);word-break:break-all}.documentation_page .pagination .toc-item.is_active{color:var(--orange-dark)}.documentation_page .pagination .toc-item .toc-item{padding-left:10px}.documentation_page .section_content_box{overflow-x:auto;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--gray-800);word-break:break-all}@media screen and (min-width:1600px){.documentation_page .section_content_box{padding-right:48px}}.documentation_page .section_content_box h2{margin-bottom:16px;font-size:4.6rem;line-height:1.18;font-weight:600}@media screen and (max-width:1023px){.documentation_page .section_content_box h2{font-size:2.4rem;line-height:1.34;font-weight:600}}.documentation_page .section_content_box h3{margin:56px 0 16px;font-size:2.4rem;line-height:1.34;font-weight:600}@media screen and (max-width:1023px){.documentation_page .section_content_box h3{font-size:2rem;line-height:1.4;font-weight:600}}.documentation_page .section_content_box h4{margin:56px 0 16px;font-size:2rem;line-height:1.4;font-weight:600}.documentation_page .section_content_box h5{margin:56px 0 16px;font-size:1.8rem;line-height:1.56;font-weight:600}.documentation_page .section_content_box h6{margin:56px 0 16px;font-size:1.6rem;line-height:1.75;font-weight:600}.documentation_page .section_content_box p{margin:16px 0;font-size:1.6rem;line-height:1.63;font-weight:400;word-break:break-word}.documentation_page .section_content_box ol,.documentation_page .section_content_box ul:not(.docs_breadcrumbs){margin:16px 0 24px 16px}.documentation_page .section_content_box ol li,.documentation_page .section_content_box ul:not(.docs_breadcrumbs) li{position:relative;padding-left:20px;font-size:1.6rem;line-height:1.38;font-weight:400;word-break:break-word}.documentation_page .section_content_box ol li+li,.documentation_page .section_content_box ul:not(.docs_breadcrumbs) li+li{margin-top:8px}.documentation_page .section_content_box ol li::before,.documentation_page .section_content_box ul:not(.docs_breadcrumbs) li::before{display:block;position:absolute;top:10px;left:8px;width:3px;height:3px;border-radius:50%;background:var(--gray-800);content:""}.documentation_page .section_content_box ol{counter-reset:list}.documentation_page .section_content_box ol li::before{left:4px;top:0;width:20px;height:0;counter-increment:list;content:counter(list) "."}.documentation_page .section_content_box a:not(.btn,.docs_breadcrumbs_link){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--orange-0);border-bottom:1px solid var(--orange-0)}.documentation_page .section_content_box a:not(.btn,.docs_breadcrumbs_link).icon_link::after{display:block;width:13px;height:13px;margin-left:2px;background:url(/assets/icons/icon_link.svg) no-repeat center;content:""}.documentation_page .section_content_box .heading a{border:0;color:var(--gray-800)}.documentation_page .section_content_box .heading a:hover::after{margin-left:4px;color:var(--orange-0);content:"#"}.documentation_page .section_content_box img{width:100%;height:auto;margin-top:0;vertical-align:middle}.documentation_page .section_content_box img+img{margin-top:16px}.documentation_page .section_content_box video{width:100%}.documentation_page .section_content_box table{overflow:hidden;border:1px solid var(--gray-400);border-radius:4px;border-spacing:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.4rem;line-height:1.58;font-weight:400;text-align:left}.documentation_page .section_content_box table td,.documentation_page .section_content_box table th{min-width:143px;padding:4px 8px;border-right:1px solid var(--gray-400);border-bottom:1px solid var(--gray-400);-webkit-box-sizing:border-box;box-sizing:border-box}.documentation_page .section_content_box table td:last-of-type,.documentation_page .section_content_box table th:last-of-type{border-right:0}.documentation_page .section_content_box table tr:last-of-type td{border-bottom:0}.documentation_page .section_content_box table th{background:var(--gray-200);font-weight:600}.documentation_page .section_content_box code{padding:1px 5px 2px;border:1px solid var(--gray-400);border-radius:4px;background:var(--gray-100);font-family:RobotoMono,Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1.2rem;line-height:1.34;font-weight:500}.documentation_page .section_content_box .table_box{overflow-x:auto;width:100%;margin:24px 0 16px}@media screen and (max-width:639px){.documentation_page .section_content_box .table_box{margin:0;padding:0}}.documentation_page .section_content_box .img_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:24px;gap:16px}.documentation_page .section_content_box .img_wrap .img_box{-webkit-box-flex:1;-ms-flex:1;flex:1}.documentation_page .section_content_box .caption{margin-bottom:0;font-size:1.2rem;line-height:1.34;font-weight:400}.documentation_page .section_content_box .caption+.img_wrap,.documentation_page .section_content_box .caption+img,.documentation_page .section_content_box .caption+p{margin-top:24px}.documentation_page .section_content_box .codeblock_header{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:24px}.documentation_page .section_content_box .codeblock_header+.codeblock_box{margin-top:0}.documentation_page .section_content_box .codeblock_wrap{margin-bottom:24px;padding:16px;border-radius:0 0 4px 4px;border:1px solid var(--gray-400);border-top:0;-webkit-box-sizing:border-box;box-sizing:border-box}.documentation_page .section_content_box .codeblock_wrap .title{font-size:1.6rem;line-height:1.5;font-weight:600}.documentation_page .section_content_box .codeblock_wrap .desc{margin:24px 0;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-600)}.documentation_page .section_content_box .codeblock_box{margin:24px 0}.documentation_page .section_content_box .codeblock_box .btn{margin:0}.documentation_page .section_content_box .codeblock_box .btn:hover{background:var(--gray-100)}.documentation_page .section_content_box .card_box{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;margin:24px 0}@media screen and (max-width:1023px){.documentation_page .section_content_box .card_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.documentation_page .section_content_box .card{padding:16px 24px;border-radius:4px;border:1px solid var(--gray-400)}.documentation_page .section_content_box .card .title{display:block;font-size:1.6rem;line-height:1.5;font-weight:600}.documentation_page .section_content_box .card .desc{margin:24px 0 0;font-size:1.2rem;line-height:1.34;font-weight:400}.documentation_page .section_content_box .alert{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;min-height:32px;margin:0;padding:11px 12px 11px 36px;border-radius:4px;font-size:1.6rem;line-height:1.38;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box}.documentation_page .section_content_box .alert .title{display:block;margin-bottom:8px;font-weight:600;word-break:break-word}.documentation_page .section_content_box .alert p{margin:0;font-size:inherit;line-height:inherit;font-weight:inherit}.documentation_page .section_content_box .alert_box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;margin:24px 0}.documentation_page .section_content_box .alert_danger{background:var(--red-alpha-light)}.documentation_page .section_content_box .alert_success{background:var(--green-alpha-light)}.documentation_page .section_content_box .alert_warning{background:var(--yellow-alpha-light)}.documentation_page .section_content_box .alert_info{background:var(--blue-alpha-light)}.documentation_page .section_content_box .alert>.icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:14px;left:12px;width:15px;height:15px}.documentation_page .section_content_box .alert>.icon svg{width:100%;height:100%}.documentation_page .section_content_box .btn_box{margin:24px 0}.documentation_page .section_content_box .btn_box .btn:hover{background:var(--gray-900)}.documentation_page .section_content_box .docs_breadcrumbs{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;margin-bottom:8px}.documentation_page .section_content_box .docs_breadcrumbs_link{display:inline-block;font-size:1.6rem;line-height:1.5;font-weight:600;color:var(--orange-dark)}.documentation_page .section_content_box .docs_breadcrumbs_link:not(:first-of-type)::before{display:inline-block;margin:0 4px;content:"-"}.documentation_page .toast_box{left:0}.examples_page .top_banner{padding-top:54px;padding-bottom:100px}@media screen and (max-width:1023px){.examples_page .top_banner{padding-top:50px;padding-bottom:32px}}@media screen and (max-width:1023px){.examples_page .top_banner .img_box{width:250px;height:298px}}.examples_page .title_group{padding-top:70px}@media screen and (max-width:1023px){.examples_page .title_group{padding-top:19px}}.examples_page .content{max-width:1120px;margin:0 auto;padding:120px 40px 240px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.examples_page .content{width:100%;max-width:none;padding:80px 32px 160px}}@media screen and (max-width:639px){.examples_page .content{padding:80px 16px 96px}}.examples_page .content_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:1023px){.examples_page .content_inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.examples_page .navigator{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:-webkit-sticky;position:sticky;top:120px;-webkit-box-sizing:border-box;box-sizing:border-box}.examples_page .navigator_list{min-width:248px}@media screen and (max-width:1023px){.examples_page .navigator{display:none}}.examples_page .filter{display:none}@media screen and (max-width:1023px){.examples_page .filter{display:block;margin-bottom:16px;padding:0}}@media screen and (max-width:1023px){.examples_page .filter_list{border-bottom:none}}@media screen and (max-width:1023px){.examples_page .filter_desc{padding-left:0;padding-right:0}}@media screen and (max-width:1023px){.examples_page .filter .dropdown{right:auto;left:0;margin-top:0}}@media screen and (max-width:639px){.examples_page .filter .dropdown{right:0}}.examples_page .grid_list{margin-left:86px}@media screen and (max-width:1023px){.examples_page .grid_list{margin-left:0}}.examples_page .grid_item{max-width:336px}@media screen and (max-width:1023px){.examples_page .grid_item{max-width:none}}.examples_page .grid_item:only-child{min-width:694px}@media screen and (max-width:1023px){.examples_page .grid_item:only-child{min-width:auto}}.examples_page .grid_card{overflow:hidden}.examples_page .grid_thumbnail img{width:100%;height:auto;vertical-align:top;aspect-ratio:1200/750;-o-object-fit:cover;object-fit:cover}.darkmode .examples_page .grid_thumbnail [fill="#FEFDFB"],.darkmode .examples_page .grid_thumbnail [fill="url(#pattern0)"],.darkmode .examples_page .grid_thumbnail [fill="url(#pattern1)"],.darkmode .examples_page .grid_thumbnail [fill=white]{fill:var(--gray-000)}.darkmode .examples_page .grid_thumbnail [fill="#332E2B"]{fill:var(--gray-50)}.examples_view_page{max-width:2560px;margin:0 auto}@media screen and (max-width:1023px){.examples_view_page{max-width:none}}.examples_view_page .container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.examples_view_page .container .link{text-decoration:underline}.examples_view_page .sidebar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;width:512px;max-height:calc(100vh - 64px);padding:24px 17px 24px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid var(--gray-400);background:var(--gray-000)}@media screen and (max-width:1023px){.examples_view_page .sidebar{width:360px;padding-left:16px}}@media screen and (max-width:639px){.examples_view_page .sidebar{width:100%;max-height:none;padding-right:16px;border-right:none;-webkit-transition:none;transition:none}}.examples_view_page .sidebar.type_shadow{position:absolute;left:0;top:0;z-index:1;height:100%}.examples_view_page .sidebar.type_shadow:not(.is_hide){-webkit-box-shadow:8px 0 24px rgba(0,0,0,.16);box-shadow:8px 0 24px rgba(0,0,0,.16)}.examples_view_page .sidebar.type_shadow~.content{margin-left:64px}.examples_view_page .sidebar.is_hide{margin-left:-446px}@media screen and (max-width:1023px){.examples_view_page .sidebar.is_hide{margin-left:-294px}}@media screen and (max-width:639px){.examples_view_page .sidebar.is_hide{margin-left:0}}.examples_view_page .sidebar.is_hide .codeblock_box,.examples_view_page .sidebar.is_hide .codeblock_navigator,.examples_view_page .sidebar.is_hide .guide_box,.examples_view_page .sidebar.is_hide .sidebar_bottom{display:none}@media screen and (max-width:639px){.examples_view_page .sidebar.is_hide .codeblock_box,.examples_view_page .sidebar.is_hide .codeblock_navigator,.examples_view_page .sidebar.is_hide .guide_box,.examples_view_page .sidebar.is_hide .sidebar_bottom{display:block}}.examples_view_page .sidebar.is_hide .btn_toggle{margin-top:2px}.examples_view_page .sidebar.is_hide .btn_toggle .icon{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.examples_view_page .sidebar.type_wide{width:50%}@media screen and (max-width:639px){.examples_view_page .sidebar.type_wide{width:100%}}.examples_view_page .sidebar.type_wide.is_hide{width:74px;margin-left:0}.examples_view_page .sidebar.type_wide .codeblock_group{overflow-y:overlay;position:relative;height:calc(100% - 180px);margin-top:24px;padding:31px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid var(--gray-400);border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px}@media screen and (max-width:1023px){.examples_view_page .sidebar.type_wide .codeblock_group{height:calc(100% - 172px);padding:24px}}@media screen and (max-width:639px){.examples_view_page .sidebar.type_wide .codeblock_group{height:auto}}.examples_view_page .sidebar.type_wide .codeblock_group .codeblock_box{height:calc(100% - 152px);padding-bottom:0;border:none}@media screen and (max-width:1023px){.examples_view_page .sidebar.type_wide .codeblock_group .codeblock_box{height:calc(100% - 197px)}}.examples_view_page .sidebar.type_wide .codeblock_group .codeblock{border:1px solid var(--gray-400)}.examples_view_page .sidebar_top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.examples_view_page .sidebar .codeblock_navigator{padding-bottom:0;border-bottom:none}.examples_view_page .sidebar .btn_toggle{height:32px;margin-left:auto;padding:5px 7px;border:1px solid var(--gray-400)}@media screen and (max-width:639px){.examples_view_page .sidebar .btn_toggle{display:none}}.examples_view_page .sidebar .btn_toggle .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);color:var(--gray-600)}.examples_view_page .sidebar .guide_box{overflow-y:overlay;position:relative;height:100%;margin-top:24px;padding:31px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid var(--gray-400);border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px}@media screen and (max-width:1023px){.examples_view_page .sidebar .guide_box{padding:24px}}.examples_view_page .sidebar .guide_title{margin-bottom:24px;font-size:3rem;line-height:1.27;font-weight:600;color:var(--gray-800);word-break:break-word}.examples_view_page .sidebar .guide_sub_title{display:block;margin-top:23px;padding-top:24px;border-top:1px solid var(--gray-400);font-size:1.6rem;line-height:1.5;font-weight:600;color:var(--gray-900)}.examples_view_page .sidebar .guide_desc{font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);word-break:break-word}.examples_view_page .sidebar .codeblock_box{height:100%;margin-top:24px;padding-bottom:24px;border:1px solid var(--gray-400);border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.examples_view_page .sidebar .codeblock_box:only-child{height:100%;margin-top:0;padding-bottom:0;border-bottom:1px solid var(--gray-400);border-radius:4px}@media screen and (max-width:1023px){.examples_view_page .sidebar .codeblock_box{height:calc(100% - 170px)}}.examples_view_page .sidebar .codeblock_box .codeblock{height:100%;border:0;background:var(--gray-000);word-break:break-all}.examples_view_page .sidebar_bottom{position:relative;z-index:10;margin-top:auto;padding:0 31px 35px;border:1px solid var(--gray-400);border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background-color:#fff}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom{padding:0 24px 24px}}.examples_view_page .sidebar_bottom::before{position:absolute;left:32px;right:32px;height:1px;background-color:var(--gray-400);content:""}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom::before{left:24px;right:24px}}@media screen and (max-width:639px){.examples_view_page .sidebar_bottom::before{display:none}}.examples_view_page .sidebar_bottom::after{content:"";position:absolute;top:0;left:20px;right:20px;z-index:10;height:30px;-webkit-box-shadow:0 15px 14px 0 #fff;box-shadow:0 15px 14px 0 #fff;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media screen and (max-width:639px){.examples_view_page .sidebar_bottom::after{display:none}}.examples_view_page .sidebar_bottom .btn_box{position:relative;z-index:20;margin-top:16px}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom .btn_box{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:639px){.examples_view_page .sidebar_bottom .btn_box{margin-top:0;padding-top:16px;border-top:1px solid var(--gray-400)}}.examples_view_page .sidebar_bottom .btn_share{-ms-flex-preferred-size:271px;flex-basis:271px}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom .btn_share{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:8px;margin-left:0}}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom .btn_share:only-child{margin-top:0}}.examples_view_page .sidebar_bottom .guide_desc{margin-top:8px;color:var(--gray-400)}.examples_view_page .sidebar .video_box{display:none}@media screen and (max-width:639px){.examples_view_page .sidebar .video_box{background-color:pink;display:block;margin-top:24px}}.examples_view_page .sidebar .video_box video{display:block;width:100%}.examples_view_page .sidebar .folder_box{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;max-height:calc(100% - 124px);margin-top:16px;border:1px solid var(--gray-400);border-radius:4px}@media screen and (max-width:639px){.examples_view_page .sidebar .folder_box{display:none}}.examples_view_page .sidebar .folder_box .folder_list{overflow-y:auto;-ms-flex-preferred-size:30%;flex-basis:30%;min-width:150px;padding-top:10px;padding-bottom:10px;border-right:1px solid var(--gray-400);-webkit-box-sizing:border-box;box-sizing:border-box}.examples_view_page .sidebar .folder_box .folder_item{margin-top:4px}.examples_view_page .sidebar .folder_box .folder_item:first-child{margin-top:0}.examples_view_page .sidebar .folder_box .folder_item.is_active .name{font-weight:600;color:var(--orange-dark)}.examples_view_page .sidebar .folder_box .folder_sub_list{padding-top:4px;padding-left:24px}.examples_view_page .sidebar .folder_box .folder_sub_list .btn_folder{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.examples_view_page .sidebar .folder_box .btn_folder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:3px 14px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.4rem;line-height:1.58;font-weight:400;text-align:left}.examples_view_page .sidebar .folder_box .btn_folder:hover .name{font-weight:600}.examples_view_page .sidebar .folder_box .btn_folder .icon{margin-right:4px;width:16px}.examples_view_page .sidebar .folder_box .btn_folder .icon svg{width:100%;height:100%}.examples_view_page .sidebar .folder_box .btn_folder .icon svg path{fill:var(--gray-800)}.examples_view_page .sidebar .folder_box .btn_folder .name{-ms-flex-preferred-size:calc(100% - 22px);flex-basis:calc(100% - 22px);word-break:break-all;color:var(--gray-800);font-size:1.2rem;line-height:1.5;font-weight:400}.examples_view_page .sidebar .folder_box .file_title{display:block;height:32px;border-bottom:1px solid var(--gray-400);border-top-right-radius:4px;background-color:var(--gray-000);color:var(--gray-800);font-size:1.4rem;line-height:2.29;font-weight:600;text-align:center}.examples_view_page .sidebar .folder_box .codeblock_area{overflow-x:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:70%;flex-basis:70%}.examples_view_page .sidebar .folder_box .codeblock_box{height:calc(100% - 33px);margin-top:0;padding-bottom:0;border:none;border-radius:0}.examples_view_page .sidebar .folder_box .codeblock{border-radius:0}.examples_view_page .accordion_list{margin-top:23px;padding:0}.examples_view_page .accordion_list .accordion_item{margin-top:8px;border:1px solid var(--gray-400);border-radius:4px}.examples_view_page .accordion_list .accordion_item:first-child{margin-top:0}.examples_view_page .accordion_list .accordion_btn{padding:15px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-800)}.examples_view_page .accordion_list .accordion_btn .icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:16px;height:16px;margin-left:auto;margin-right:0;color:var(--gray-600)}.examples_view_page .accordion_list .accordion_btn .icon svg{width:100%;height:100%}.examples_view_page .accordion_list .accordion_btn.is_active .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.examples_view_page .accordion_list .accordion_btn.is_active~.accordion_content{padding-top:9px}.examples_view_page .accordion_list .accordion_content{padding-bottom:15px;font-size:1.4rem;line-height:1.58;font-weight:500}.examples_view_page .content{overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;max-height:calc(100vh - 112px);padding:24px}@media screen and (max-width:639px){.examples_view_page .content{display:none}}.examples_view_page .content.dual_view{max-height:calc(100vh - 64px);padding:0}.examples_view_page .content.show_view{overflow:hidden;max-height:calc(100vh - 64px);padding:0}.examples_view_page .content.content_view{max-height:calc(100vh - 64px);padding:0}.examples_view_page .content.content_view .accordion_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;margin-top:0;padding:64px}@media screen and (max-width:1023px){.examples_view_page .content.content_view .accordion_list{padding:40px;-webkit-box-sizing:border-box;box-sizing:border-box}}.examples_view_page .content.content_view .accordion_list .accordion_item{width:calc(50% - 8px);margin-top:0;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.examples_view_page .content.content_view .accordion_list .accordion_item{width:100%}}.examples_view_page .dual_view .grid_list2{height:calc(100% - 113px);padding:23px;-webkit-box-sizing:border-box;box-sizing:border-box}.examples_view_page .dual_view .dashboard{height:100%}.examples_view_page .dual_view .dashboard_content{height:calc(100% - 42px)}.examples_view_page .grid_view .dashboard_top{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:0}.examples_view_page .grid_view .user{margin-top:8px}.examples_view_page .grid_view .user_list{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-8px}.examples_view_page .grid_view .user_item{margin:8px 0 0 8px}.examples_view_page .grid_view .user_item:first-child{margin-left:8px}.examples_view_page .full_view .comment_view{min-width:300px}.examples_view_page .pin_box{overflow:hidden;position:relative;width:100%;height:113px;padding-right:48px;border-bottom:1px solid var(--gray-400);-webkit-box-sizing:border-box;box-sizing:border-box}.examples_view_page .pin_box::before{position:absolute;top:0;right:48px;bottom:3px;z-index:1;width:25px;background:-webkit-gradient(linear,right top,left top,from(var(--gray-000)),to(transparent));background:linear-gradient(270deg,var(--gray-000),transparent);content:""}.examples_view_page .pin_list{overflow-x:overlay;position:relative;height:100%;padding:32px 24px 32px 22px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;line-height:normal;white-space:nowrap}.examples_view_page .pin_item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:100%;padding:8px 47px 8px 15px;border:1px solid var(--gray-400);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.examples_view_page .pin_item.is_active{border-color:var(--blue-0)}.examples_view_page .pin_item+.pin_item{margin-left:16px}.examples_view_page .pin_item .user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.examples_view_page .pin_item .user .icon{width:9px;height:9px;margin-right:8px;border-radius:50%}.examples_view_page .pin_item .user .text{font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800)}.examples_view_page .pin_item .btn_box{margin-left:16px}.examples_view_page .pin_item .btn{padding:7px}.examples_view_page .system_view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:206px;padding-right:48px;border-bottom:1px solid var(--gray-400)}.examples_view_page .system_view::before{position:absolute;top:0;right:48px;bottom:3px;z-index:1;width:25px;background:-webkit-gradient(linear,right top,left top,from(var(--gray-000)),to(transparent));background:linear-gradient(270deg,var(--gray-000),transparent);content:""}.examples_view_page .system_view .system_view_list{overflow-x:overlay;padding:32px 24px 24px;text-align:center;font-size:0;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.examples_view_page .system_view .system_view_item{display:inline-block;position:relative;text-align:center}.examples_view_page .system_view .system_view_item .icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.examples_view_page .system_view .system_view_item:hover .btn_close{display:-webkit-box;display:-ms-flexbox;display:flex}.examples_view_page .system_view .system_view_item+.system_view_item{margin-left:24px}.examples_view_page .system_view .system_link .img_box{width:192px;height:126px;border-radius:4px;border:1px solid var(--gray-400);-webkit-box-sizing:border-box;box-sizing:border-box}.examples_view_page .system_view .system_link .img_box svg{display:block;width:100%;height:100%}.examples_view_page .system_view .system_link.is_active .img_box{border-color:var(--blue-0)}.examples_view_page .system_view .system_name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:8px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800)}.examples_view_page .system_view .system_name .icon{margin-right:8px}.examples_view_page .system_view .btn_close{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--gray-400);background:var(--gray-000);-webkit-box-sizing:border-box;box-sizing:border-box}.examples_view_page .system_view .btn_close .icon{width:10px;height:10px}.examples_view_page .system_view .btn_expand{border:1px solid var(--blue-0);background:rgba(109,180,245,.24);color:var(--blue-0)}.examples_view_page .show_view_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:calc(100% - 207px);padding:48px 24px 24px;-webkit-box-sizing:border-box;box-sizing:border-box}.examples_view_page .show_view_inner .dashboard{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;max-width:1200px;width:100%;height:100%;border:1px solid var(--gray-400)}.examples_view_page .show_view_inner .dashboard_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .dashboard_content{overflow-x:auto;height:100%}}.examples_view_page .show_view_inner .dashboard .user{padding:5px 12px}.examples_view_page .show_view_inner .comment_view{min-width:240px}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .comment_view{position:relative;border-right:none}}.examples_view_page .show_view_inner .comment_view .comment_box{padding:10px 16px 24px}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .comment_view .comment_box{overflow-y:initial;position:relative}}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .comment_view .comment_box::before{position:absolute;top:0;right:-1px;bottom:0;z-index:1;width:1px;background-color:var(--gray-400);content:""}}.examples_view_page .show_view_inner .comment_view .toggle_box{padding:10px 16px}.examples_view_page .show_view_inner .comment_view .comment_item{margin:0 35px 0 29px}.examples_view_page .show_view_inner .comment_view .comment_item::before{left:-30px}.examples_view_page .show_view_inner .comment_view .user_list{right:-36px}.examples_view_page .show_view_inner .comment_view .btn_add{margin:10px 35px 0 29px}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .view_box{overflow:initial}}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .view_box .view_list{overflow-y:initial;min-width:300px;height:auto;padding-bottom:161px;border-left:1px solid var(--gray-400)}}.examples_view_page .show_view_inner .mini_map{top:50px;right:10px;width:121px;height:236px}.examples_view_page .full_view_inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;height:calc(100% + 48px);margin:-24px}.examples_view_page .mini_map{position:absolute;width:192px;height:373px;top:16px;right:16px;padding:8px 16px;border-radius:4px;border:1px solid var(--gray-400);-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--gray-000)}.examples_view_page .mini_map_header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--gray-400)}.examples_view_page .mini_map_header .title{padding:4px 0;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800)}.examples_view_page .mini_map_header .btn_minimize{color:var(--gray-500)}.examples_view_page .palette{position:absolute;left:50%;bottom:40px;z-index:1;width:608px;height:48px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#9acd32}@media screen and (max-width:1023px){.examples_view_page .palette{width:300px}}.examples_view_page .menu_user_list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}@media screen and (max-width:639px){.examples_view_page .menu_user_list{display:none}}.examples_view_page .comment_view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:33.17%;height:100%;border-right:1px solid var(--gray-400);background:var(--gray-000)}.examples_view_page .comment_view .toggle_box{padding:16px 24px;border-bottom:1px solid var(--gray-400)}.examples_view_page .comment_view .toggle_box .input_toggle_box{vertical-align:top}.examples_view_page .comment_view .comment_box{overflow-y:overlay;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:16px 24px}.examples_view_page .comment_view .comment_list{counter-reset:comment}.examples_view_page .comment_view .comment_item{position:relative;margin:0 46px 0 34px;padding:10px;border-radius:2px;border:1px solid var(--gray-400);font-size:1.4rem;line-height:1.58;font-weight:400;color:var(--gray-800);counter-increment:comment}.examples_view_page .comment_view .comment_item::before{position:absolute;top:0;left:-34px;font-size:1.4rem;line-height:.93;font-weight:600;content:"#" counter(comment)}.examples_view_page .comment_view .comment_item+.comment_item{margin-top:16px}.examples_view_page .comment_view .dialog_list{margin-top:10px;padding-top:10px;border-top:1px solid var(--gray-400)}.examples_view_page .comment_view .dialog_list .dialog{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.examples_view_page .comment_view .dialog_list .dialog+.dialog{margin-top:8px}.examples_view_page .comment_view .dialog_list .name{padding:0 5px;border-radius:2px;border:1px solid var(--blue-0);background:var(--blue-alpha-0);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:none;flex:none}.examples_view_page .comment_view .dialog_list .name.green{background:var(--green-alpha-0);border-color:var(--green-0)}.examples_view_page .comment_view .dialog_list .name.red{background:var(--red-alpha-0);border-color:var(--red-0)}.examples_view_page .comment_view .dialog_list .chat{display:-webkit-box;display:-ms-flexbox;display:flex}.examples_view_page .comment_view .dialog_list .chat::before{margin:0 4px;content:":"}.examples_view_page .comment_view .user_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;right:-46px;top:0;color:var(--gray-000);gap:8px}.examples_view_page .comment_view .user_list .user_item{margin:0}.examples_view_page .comment_view .user_list .icon svg path{fill:#fff}.examples_view_page .comment_view .btn_add{position:static;width:-webkit-fill-available;height:48px;margin:16px 46px 0 34px;border:1px solid var(--gray-400);border-radius:4px;color:var(--gray-400);-webkit-box-sizing:border-box;box-sizing:border-box}.examples_view_page .view_box{position:relative;overflow:hidden;width:100%}.examples_view_page .view_box .view_list{padding:24px 24px 157px;overflow-y:overlay;height:100%;counter-reset:view;-webkit-box-sizing:border-box;box-sizing:border-box}.examples_view_page .view_box .view_item{position:relative;padding:24px;text-align:center;border:1px dashed var(--gray-600);counter-increment:view}.examples_view_page .view_box .view_item::before{position:absolute;top:8px;left:16px;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);content:"#" counter(view)}.examples_view_page .view_box .view_item+.view_item{margin-top:16px}.examples_view_page .view_box .view_item.is_active{border-color:var(--blue-dark)}.examples_view_page .view_box .view_item.is_active::before{color:var(--blue-dark)}.examples_view_page .view_box .view_item img{display:block;width:100%}.examples_view_page .btn_add{position:absolute;top:0;right:0;width:48px;height:100%;margin-left:0;border-radius:0}.examples_view_page .btn_expand{overflow:hidden;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;top:7px;right:7px;max-width:32px;height:32px;padding:7px;-webkit-transition:all .5s linear;transition:all .5s linear}.examples_view_page .btn_expand .text{display:block;overflow:hidden;margin-left:0;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-000);white-space:nowrap}.examples_view_page .btn_expand .icon{-webkit-box-flex:0;-ms-flex:none;flex:none}.examples_view_page .btn_expand:hover:not(.is_disabled){max-width:100%;background:var(--blue-0);color:var(--gray-000)}.examples_view_page .btn_expand.is_disabled{cursor:auto;border-color:var(--gray-300);background-color:var(--gray-300);color:var(--gray-000)}.examples_view_page .code_view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:none;padding:0}@media screen and (max-width:639px){.examples_view_page .code_view{display:none}}.examples_view_page .code_view .pin_box{height:81px}.examples_view_page .code_view .pin_list{padding:16px 23px}.examples_view_page .code_view .pin_item{padding-right:8px}.examples_view_page .code_view .pin_item .btn_box{margin-left:24px}.examples_view_page .code_view .grid_list2{overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;max-height:calc(100vh - 352px);padding:23px}.examples_view_page .code_view .grid_list2 .grid_item:only-child{-ms-flex-preferred-size:100%;flex-basis:100%;margin:0}@media screen and (max-width:1023px){.examples_view_page .code_view .grid_list2 .grid_item:only-child{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}}.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n+2):nth-last-child(-n+2):first-child,.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n+2):nth-last-child(-n+2):first-child~.grid_item{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:23px;margin-left:0}.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n+2):nth-last-child(-n+2):first-child{margin-top:0}.examples_view_page .code_view .dashboard{height:100%}.examples_view_page .code_view .dashboard_content{height:calc(100% - 41px);min-height:226px}.examples_view_page .log_box{position:relative;margin-top:auto;padding:0 23px 23px}.examples_view_page .log_box:before{position:absolute;top:-10px;left:0;right:0;z-index:1;background-color:var(--gray-000);height:10px;content:""}.examples_view_page .log_inner{overflow-y:auto;height:137px;padding:10px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--gray-800);border-radius:4px}.examples_view_page .log_title{display:block;margin-bottom:4px;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-000)}.examples_view_page .log_desc{font-size:1.2rem;line-height:1.5;font-weight:400;color:var(--gray-000);word-break:break-word}.darkmode .sidebar_bottom{background-color:var(--gray-000)}.darkmode .sidebar_bottom::after{-webkit-box-shadow:0 15px 14px 0 var(--gray-000);box-shadow:0 15px 14px 0 var(--gray-000)}.product_page .top_banner{padding-top:108px;padding-bottom:110px}@media screen and (max-width:1023px){.product_page .top_banner{padding-top:24px;padding-bottom:32px}}.product_page .top_banner_inner{overflow:hidden;position:relative}.product_page .top_banner .title_group{position:relative;z-index:1;padding-top:50px}@media screen and (max-width:1023px){.product_page .top_banner .title_group{padding-top:0}}.product_page .top_banner .img_box{position:absolute;top:50%;right:-130px;width:748px;height:380px;margin-top:-168px}@media screen and (max-width:1023px){.product_page .top_banner .img_box{position:static;width:auto;height:auto;margin-top:0}}.product_page .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:1120px;margin:0 auto;padding:240px 40px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.product_page .content{padding:120px 32px}}@media screen and (max-width:639px){.product_page .content{padding-left:16px;padding-right:16px}}.product_page .content .link{text-decoration:underline}.product_page .section+.section{padding-top:240px}@media screen and (max-width:1023px){.product_page .section+.section{padding-top:160px}}.product_page .section_title_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:64px;padding-bottom:40px;border-bottom:2px solid var(--gray-600);color:var(--gray-800);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.product_page .section_title_wrap{display:block}}.product_page .section_title{width:50%;font-size:4.6rem;line-height:1.18;font-weight:600}@media screen and (max-width:1023px){.product_page .section_title{width:auto;font-size:2.4rem;line-height:1.34}}.product_page .section_desc{width:50%;padding-left:16px;font-size:1.6rem;line-height:1.5;font-weight:500;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.product_page .section_desc{width:auto;margin-top:16px;padding-left:0;font-size:1.4rem;line-height:1.58}}.product_page .section_content+.section_content{padding-top:120px}.product_page .sub_title{display:block;margin-bottom:32px;font-size:3rem;line-height:1.27;font-weight:600;color:var(--gray-800)}@media screen and (max-width:1023px){.product_page .sub_title{font-size:2rem;line-height:1.4}}.product_page .sub_desc{margin-bottom:32px;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800)}.product_page .sub_title_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.product_page .sub_title_wrap .btn{max-height:40px}.product_page .sub_title_wrap .btn:hover{background:var(--gray-900)}.product_page .sub_big_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:3.8rem;line-height:1.22;font-weight:600;color:var(--gray-800)}@media screen and (max-width:1023px){.product_page .sub_big_title{font-size:2rem;line-height:1.4}}.product_page .sub_big_title>.icon{width:44px;height:44px;margin-right:16px;color:var(--orange-dark);-webkit-box-flex:0;-ms-flex:none;flex:none}@media screen and (max-width:1023px){.product_page .sub_big_title>.icon{width:24px;height:24px}}.product_page .sub_big_title>.icon svg{width:100%;height:100%}.product_page .sub_big_desc{margin-top:32px;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-800)}.product_page .db_content{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:1023px){.product_page .db_content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.product_page .db_content .codeblock_content{width:66%;height:280px;padding-right:16px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.product_page .db_content .codeblock_content{width:100%;padding-right:0}}.product_page .db_content .codeblock_content .codeblock{overflow-y:auto;height:calc(100% - 50px);border-radius:0 0 4px 4px;border-top:0}@media screen and (max-width:1023px){.product_page .db_content .codeblock_content .codeblock{-ms-flex-preferred-size:100%;flex-basis:100%;margin-right:0}}.product_page .db_content .img_box{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:280px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.product_page .db_content .img_box{display:block;margin-top:16px}}@media screen and (max-width:639px){.product_page .db_content .img_box{height:auto}}@media screen and (max-width:1023px){.product_page .db_content .img_box img{height:100%}}@media screen and (max-width:639px){.product_page .db_content .img_box img{height:auto}}.product_page .db_content .img_box [fill=black]{fill:var(--gray-900)}.product_page .product_card_list{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:1023px){.product_page .product_card_list{display:block}}.product_page .product_card_list .product_card_item{-ms-flex-preferred-size:calc(100% - 8px);flex-basis:calc(100% - 8px);margin:0 8px;padding:16px 24px;border:1px solid var(--gray-400);border-radius:4px;color:var(--gray-800)}@media screen and (max-width:1023px){.product_page .product_card_list .product_card_item{-ms-flex-preferred-size:100%;flex-basis:100%;margin:16px 0 0}}.product_page .product_card_list .product_card_item:first-child{margin-left:0}@media screen and (max-width:1023px){.product_page .product_card_list .product_card_item:first-child{margin-top:0}}.product_page .product_card_list .product_card_item:last-child{margin-right:0}.product_page .product_card_list .product_card_title{display:block;font-size:1.6rem;line-height:1.5;font-weight:600}.product_page .product_card_list .product_card_desc{margin-top:24px;font-size:1.2rem;line-height:1.34;font-weight:400}.product_page .house_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:1007px;padding-top:32px}.product_page .house_content .img_box{overflow:hidden;border:1px solid var(--gray-400);border-radius:8px}.product_page .house_content .img_box img{width:100%}.product_page .house_content .img_box [fill="#514C49"]{fill:var(--gray-800)}.product_page .house_content .img_box [fill="#807B78"]{fill:var(--gray-600)}.product_page .house_content .img_box [fill="#A6A19E"]{fill:var(--gray-500)}.product_page .house_content .img_box [fill="#E2DEDB"]{fill:var(--gray-200)}.product_page .house_content .img_box [stroke="#A6A19E"],.product_page .house_content .img_box [stroke="#C2BDBA"]{stroke:var(--gray-300);stroke-width:1}.product_page .house_content .img_pc{width:75%;padding-bottom:37px}.product_page .house_content .img_mobile{width:21%;padding:11px 0 16px}.product_page .package_group{position:relative}@media screen and (max-width:1023px){.product_page .package_group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.product_page .package_group .sub_title_wrap{padding-right:230px}@media screen and (max-width:1023px){.product_page .package_group .sub_title_wrap{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding-right:0}}.product_page .package_group .btn{position:absolute;top:0;right:0}@media screen and (max-width:1023px){.product_page .package_group .btn{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;display:-webkit-box;display:-ms-flexbox;display:flex;position:static;width:100%;margin:32px 0 0}}@media screen and (max-width:1023px){.product_page .package_group .sub_big_desc{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.product_page .package_group .img_box{margin-top:32px}@media screen and (max-width:1023px){.product_page .package_group .img_box{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}}.product_page .package_group .img_box [fill="#514C49"]{fill:var(--gray-800)}.product_page .package_group .img_box [fill="#855CF9"]{fill:var(--purple-dark)}.product_page .package_group .img_box [stroke="#332E2B"]{stroke:var(--gray-800)}.product_page .img_group{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:1023px){.product_page .img_group{display:block}}.product_page .img_group .img_box{-ms-flex-preferred-size:calc(50% - 8px);flex-basis:calc(50% - 8px);margin:0 8px}@media screen and (max-width:1023px){.product_page .img_group .img_box{-ms-flex-preferred-size:100%;flex-basis:100%;height:257px;margin:16px 0 0}}@media screen and (max-width:639px){.product_page .img_group .img_box{height:auto}}.product_page .img_group .img_box:first-child{margin-left:0}@media screen and (max-width:1023px){.product_page .img_group .img_box:first-child{margin-top:0}}.product_page .img_group .img_box:last-child{margin-right:0}@media screen and (max-width:1023px){.product_page .img_group svg{height:100%}}@media screen and (max-width:639px){.product_page .img_group svg{height:auto}}.product_page .img_box{display:block}.product_page .img_box svg{display:block;width:100%;height:100%}.product_page .prism-code .token{white-space:pre-wrap}.product_page .conflict_free .img_box [fill="#514C49"]{fill:var(--gray-800)}.product_page .conflict_free .img_box [fill=white]{fill:var(--gray-000)}.product_page .collaboration .img_box [stroke="#FEFDFB"]{stroke:var(--gray-000)}.darkmode .product_page .top_banner .img_box [fill="#FEFDFB"]{fill:var(--gray-000)}.darkmode .product_page .top_banner .img_box [fill="#FAF8F6"]{fill:var(--gray-50)}.darkmode .product_page .top_banner .img_box [fill="#E2DEDB"],.darkmode .product_page .top_banner .img_box [fill="#EFECEB"],.darkmode .product_page .top_banner .img_box [fill="#F5F3F1"]{fill:var(--gray-100)}.darkmode .product_page .top_banner .img_box [stroke="#EFECEB"]{stroke:var(--gray-50)}.darkmode .product_page .top_banner .img_box [stroke="#514C49"],.darkmode .product_page .top_banner .img_box [stroke="#E2DEDB"]{stroke:var(--gray-100)}.darkmode .product_page .top_banner .img_box [fill=black]{fill:var(--gray-900)}.darkmode .product_page .img_box [fill="#FEFDFB"]{fill:var(--gray-000)}.darkmode .product_page .house_content .img_box [fill="#332E2B"]+[fill="#514C49"]{fill:var(--gray-100)}
\ No newline at end of file
+/* ------------------------
+
+------New Layout-----------
+
+/*
+0. Config
+1. Homepage
+2. Code Block
+3. Documents
+4. SVG
+5. Navigator
+6. Toast
+7. Modal
+8. Example
+9. Product
+10.Header
+
+------------------------ */
+
+/* Config */
+
+:root {
+ --gray-900: #332e2b;
+ --gray-800: #514c49;
+ --gray-700: #6e6966;
+ --gray-600: #807b78;
+ --gray-500: #a6a19e;
+ --gray-400: #c2bdba;
+ --gray-300: #e2dedb;
+ --gray-200: #efeceb;
+ --gray-100: #f5f3f1;
+ --gray-50: #faf8f6;
+ --gray-000: #fefdfb;
+ --orange-dark: #f27b2f;
+ --orange-0: #fc8539;
+ --orange-light: #fda36a;
+ --orange-alpha-dark: rgb(242 123 47 / 40%);
+ --orange-alpha-0: rgb(252 133 57 / 32%);
+ --orange-alpha-light: rgb(253 163 106 / 24%);
+ --yellow-dark: #f5b103;
+ --yellow-0: #fdc433;
+ --yellow-light: #fed366;
+ --yellow-alpha-dark: rgb(245 177 3 / 40%);
+ --yellow-alpha-0: rgb(253 196 51 / 32%);
+ --yellow-alpha-light: rgb(254 211 102 / 24%);
+ --green-dark: #10b266;
+ --green-0: #23c176;
+ --green-light: #5ad198;
+ --green-alpha-dark: rgb(16 178 102 / 40%);
+ --green-alpha-0: rgb(35 193 118 / 32%);
+ --green-alpha-light: rgb(90 209 152 / 24%);
+ --blue-dark: #208aed;
+ --blue-0: #3c9af1;
+ --blue-light: #6db4f5;
+ --blue-alpha-dark: rgb(26 133 232 / 40%);
+ --blue-alpha-0: rgb(60 154 241 / 32%);
+ --blue-alpha-light: rgb(109 180 245 / 24%);
+ --red-dark: #e93d47;
+ --red-0: #f44954;
+ --red-light: #f7777e;
+ --red-alpha-dark: rgb(233 61 71 / 40%);
+ --red-alpha-0: rgb(244 73 84 / 32%);
+ --red-alpha-light: rgb(247 119 126 / 24%);
+ --purple-dark: #764af3;
+ --purple-0: #855cf9;
+ --purple-light: #a385fb;
+ --purple-alpha-dark: rgb(118 74 243 / 40%);
+ --purple-alpha-0: rgb(133 92 249 / 32%);
+ --purple-alpha-light: rgb(163 133 251 / 24%);
+}
+.darkmode {
+ --gray-900: #fefdfb;
+ --gray-800: #faf8f6;
+ --gray-700: #f5f3f1;
+ --gray-600: #efeceb;
+ --gray-500: #e2dedb;
+ --gray-300: #a6a19e;
+ --gray-200: #807b78;
+ --gray-100: #6e6966;
+ --gray-50: #514c49;
+ --gray-000: #332e2b;
+ --orange-dark: #fda36a;
+ --orange-light: #f27b2f;
+ --orange-alpha-dark: rgb(253 163 106 / 24%);
+ --orange-alpha-light: rgb(242 123 47 / 40%);
+ --yellow-dark: #fed366;
+ --yellow-light: #f5b103;
+ --yellow-alpha-dark: rgb(254 211 102 / 24%);
+ --yellow-alpha-light: rgb(245 177 3 / 40%);
+ --green-dark: #5ad198;
+ --green-light: #10b266;
+ --green-alpha-dark: rgb(90 209 152 / 24%);
+ --green-alpha-light: rgb(16 178 102 / 40%);
+ --blue-dark: #6db4f5;
+ --blue-light: #208aed;
+ --blue-alpha-dark: rgb(109 180 245 / 24%);
+ --blue-alpha-light: rgb(26 133 232 / 40%);
+ --red-dark: #f7777e;
+ --red-light: #e93d47;
+ --red-alpha-dark: rgb(247 119 126 / 24%);
+ --red-alpha-light: rgb(233 61 71 / 40%);
+ --purple-dark: #a385fb;
+ --purple-light: #764af3;
+ --purple-alpha-dark: rgb(163 133 251 / 24%);
+ --purple-alpha-light: rgb(118 74 243 / 40%);
+}
+.white {
+ color: #fff;
+}
+.white_bg {
+ background-color: #fff;
+}
+.gray900 {
+ color: var(--gray-900);
+}
+.gray900_bg {
+ background-color: var(--gray-900);
+}
+.gray800 {
+ color: var(--gray-800);
+}
+.gray800_bg {
+ background-color: var(--gray-800);
+}
+.gray700 {
+ color: var(--gray-700);
+}
+.gray700_bg {
+ background-color: var(--gray-700);
+}
+.gray600 {
+ color: var(--gray-600);
+}
+.gray600_bg {
+ background-color: var(--gray-600);
+}
+.gray500 {
+ color: var(--gray-500);
+}
+.gray500_bg {
+ background-color: var(--gray-500);
+}
+.gray400 {
+ color: var(--gray-400);
+}
+.gray400_bg {
+ background-color: var(--gray-400);
+}
+.gray300 {
+ color: var(--gray-300);
+}
+.gray300_bg {
+ background-color: var(--gray-300);
+}
+.gray200 {
+ color: var(--gray-200);
+}
+.gray200_bg {
+ background-color: var(--gray-200);
+}
+.gray50 {
+ color: var(--gray-50);
+}
+.gray50_bg {
+ background-color: var(--gray-50);
+}
+.gray000 {
+ color: var(--gray-000);
+}
+.gray000_bg {
+ background-color: var(--gray-000);
+}
+.orange_dark {
+ color: var(--orange-dark);
+}
+.orange_dark_bg {
+ background-color: var(--orange-dark);
+}
+.orange_0 {
+ color: var(--orange-0);
+}
+.orange_0_bg {
+ background-color: var(--orange-0);
+}
+.orange_light {
+ color: var(--orange-light);
+}
+.orange_light_bg {
+ background-color: var(--orange-light);
+}
+.orange_alpha_dark {
+ color: var(--orange-alpha-dark);
+}
+.orange_alpha_dark_bg {
+ background-color: var(--orange-alpha-dark);
+}
+.orange_alpha_0 {
+ color: var(--orange-alpha-0);
+}
+.orange_alpha_0_bg {
+ background-color: var(--orange-alpha-0);
+}
+.orange_alpha_light {
+ color: var(--orange-alpha-light);
+}
+.orange_alpha_light_bg {
+ background-color: var(--orange-alpha-light);
+}
+.yellow_dark {
+ color: var(--yellow-dark);
+}
+.yellow_dark_bg {
+ background-color: var(--yellow-dark);
+}
+.yellow_0 {
+ color: var(--yellow-0);
+}
+.yellow_0_bg {
+ background-color: var(--yellow-0);
+}
+.yellow_light {
+ color: var(--yellow-light);
+}
+.yellow_light_bg {
+ background-color: var(--yellow-light);
+}
+.yellow_alpha_dark {
+ color: var(--yellow-alpha-dark);
+}
+.yellow_alpha_dark_bg {
+ background-color: var(--yellow-alpha-dark);
+}
+.yellow_alpha_0 {
+ color: var(--yellow-alpha-0);
+}
+.yellow_alpha_0_bg {
+ background-color: var(--yellow-alpha-0);
+}
+.yellow_alpha_light {
+ color: var(--yellow-alpha-light);
+}
+.yellow_alpha_light_bg {
+ background-color: var(--yellow-alpha-light);
+}
+.green_dark {
+ color: var(--green-dark);
+}
+.green_dark_bg {
+ background-color: var(--green-dark);
+}
+.green_0 {
+ color: var(--green-0);
+}
+.green_0_bg {
+ background-color: var(--green-0);
+}
+.green_light {
+ color: var(--green-light);
+}
+.green_light_bg {
+ background-color: var(--green-light);
+}
+.green_alpha_dark {
+ color: var(--green-alpha-dark);
+}
+.green_alpha_dark_bg {
+ background-color: var(--green-alpha-dark);
+}
+.green_alpha_0 {
+ color: var(--green-alpha-0);
+}
+.green_alpha_0_bg {
+ background-color: var(--green-alpha-0);
+}
+.green_alpha_light {
+ color: var(--green-alpha-light);
+}
+.green_alpha_light_bg {
+ background-color: var(--green-alpha-light);
+}
+.blue_dark {
+ color: var(--blue-dark);
+}
+.blue_dark_bg {
+ background-color: var(--blue-dark);
+}
+.blue_0 {
+ color: var(--blue-0);
+}
+.blue_0_bg {
+ background-color: var(--blue-0);
+}
+.blue_light {
+ color: var(--blue-light);
+}
+.blue_light_bg {
+ background-color: var(--blue-light);
+}
+.blue_alpha_dark {
+ color: var(--blue-alpha-dark);
+}
+.blue_alpha_dark_bg {
+ background-color: var(--blue-alpha-dark);
+}
+.blue_alpha_0 {
+ color: var(--blue-alpha-0);
+}
+.blue_alpha_0_bg {
+ background-color: var(--blue-alpha-0);
+}
+.blue_alpha_light {
+ color: var(--blue-alpha-light);
+}
+.blue_alpha_light_bg {
+ background-color: var(--blue-alpha-light);
+}
+.red_dark {
+ color: var(--red-dark);
+}
+.red_dark_bg {
+ background-color: var(--red-dark);
+}
+.red_0 {
+ color: var(--red-0);
+}
+.red_0_bg {
+ background-color: var(--red-0);
+}
+.red_light {
+ color: var(--red-light);
+}
+.red_light_bg {
+ background-color: var(--red-light);
+}
+.red_alpha_dark {
+ color: var(--red-alpha-dark);
+}
+.red_alpha_dark_bg {
+ background-color: var(--red-alpha-dark);
+}
+.red_alpha_0 {
+ color: var(--red-alpha-0);
+}
+.red_alpha_0_bg {
+ background-color: var(--red-alpha-0);
+}
+.red_alpha_light {
+ color: var(--red-alpha-light);
+}
+.red_alpha_light_bg {
+ background-color: var(--red-alpha-light);
+}
+.purple_dark {
+ color: var(--purple-dark);
+}
+.purple_dark_bg {
+ background-color: var(--purple-dark);
+}
+.purple_0 {
+ color: var(--purple-0);
+}
+.purple_0_bg {
+ background-color: var(--purple-0);
+}
+.purple_light {
+ color: var(--purple-light);
+}
+.purple_light_bg {
+ background-color: var(--purple-light);
+}
+.purple_alpha_dark {
+ color: var(--purple-alpha-dark);
+}
+.purple_alpha_dark_bg {
+ background-color: var(--purple-alpha-dark);
+}
+.purple_alpha_0 {
+ color: var(--purple-alpha-0);
+}
+.purple_alpha_0_bg {
+ background-color: var(--purple-alpha-0);
+}
+.purple_alpha_light {
+ color: var(--purple-alpha-light);
+}
+.purple_alpha_light_bg {
+ background-color: var(--purple-alpha-light);
+}
+.gradient_90deg_yellow {
+ background-image: -webkit-gradient(linear, left top, right top, from(#fe924d), to(#fdc433));
+ background-image: linear-gradient(90deg, #fe924d 0, #fdc433 100%);
+}
+.gradient_90deg_orange {
+ background-image: -webkit-gradient(linear, left top, right top, from(#f96767), to(#ff9754));
+ background-image: linear-gradient(90deg, #f96767 0, #ff9754 100%);
+}
+.gradient_90deg_red {
+ background-image: -webkit-gradient(linear, left top, right top, from(#fc94d8), to(#f44954));
+ background-image: linear-gradient(90deg, #fc94d8 0, #f44954 100%);
+}
+.gradient_90deg_purple {
+ background-image: -webkit-gradient(linear, left top, right top, from(#84b5ff), to(#855cf9));
+ background-image: linear-gradient(90deg, #84b5ff 0, #855cf9 100%);
+}
+.gradient_90deg_blue {
+ background-image: -webkit-gradient(linear, left top, right top, from(#8decec), to(#3c9af1));
+ background-image: linear-gradient(90deg, #8decec 0, #3c9af1 100%);
+}
+.gradient_90deg_green {
+ background-image: -webkit-gradient(linear, left top, right top, from(#d7e38b), to(#23c176));
+ background-image: linear-gradient(90deg, #d7e38b 0, #23c176 100%);
+}
+.gradient_90deg_gray1 {
+ background-image: -webkit-gradient(linear, left top, right top, from(#212121), to(#616161));
+ background-image: linear-gradient(90deg, #212121 0, #616161 100%);
+}
+.gradient_90deg_gray2 {
+ background-image: -webkit-gradient(linear, left top, right top, from(#616161), to(#9e9e9e));
+ background-image: linear-gradient(90deg, #616161 0, #9e9e9e 100%);
+}
+.gradient_90deg_gray3 {
+ background-image: -webkit-gradient(linear, left top, right top, from(#9e9e9e), to(#e0e0e0));
+ background-image: linear-gradient(90deg, #9e9e9e 0, #e0e0e0 100%);
+}
+.gradient_90deg_gray4 {
+ background-image: -webkit-gradient(linear, left top, right top, from(#e0e0e0), to(#f5f5f5));
+ background-image: linear-gradient(90deg, #e0e0e0 0, #f5f5f5 100%);
+}
+.gradient_180deg_yellow {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fe924d), to(#fdc433));
+ background-image: linear-gradient(180deg, #fe924d 0, #fdc433 100%);
+}
+.gradient_180deg_orange {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f96767), to(#ff9754));
+ background-image: linear-gradient(180deg, #f96767 0, #ff9754 100%);
+}
+.gradient_180deg_red {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fc94d8), to(#f44954));
+ background-image: linear-gradient(180deg, #fc94d8 0, #f44954 100%);
+}
+.gradient_180deg_purple {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#84b5ff), to(#855cf9));
+ background-image: linear-gradient(180deg, #84b5ff 0, #855cf9 100%);
+}
+.gradient_180deg_blue {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#8decec), to(#3c9af1));
+ background-image: linear-gradient(180deg, #8decec 0, #3c9af1 100%);
+}
+.gradient_180deg_green {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#d7e38b), to(#23c176));
+ background-image: linear-gradient(180deg, #d7e38b 0, #23c176 100%);
+}
+.gradient_180deg_gray1 {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#616161));
+ background-image: linear-gradient(180deg, #212121 0, #616161 100%);
+}
+.gradient_180deg_gray2 {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#616161), to(#9e9e9e));
+ background-image: linear-gradient(180deg, #616161 0, #9e9e9e 100%);
+}
+.gradient_180deg_gray3 {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#e0e0e0));
+ background-image: linear-gradient(180deg, #9e9e9e 0, #e0e0e0 100%);
+}
+.gradient_180deg_gray4 {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#f5f5f5));
+ background-image: linear-gradient(180deg, #e0e0e0 0, #f5f5f5 100%);
+}
+.shadow_xs {
+ -webkit-box-shadow: 0 8px 4px -8px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 8px 4px -8px rgba(0, 0, 0, 0.2);
+}
+.shadow_s {
+ -webkit-box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2);
+}
+.shadow_m {
+ -webkit-box-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.2);
+}
+.shadow_l {
+ -webkit-box-shadow: 0 20px 24px -12px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 20px 24px -12px rgba(0, 0, 0, 0.2);
+}
+.fillSVG svg path {
+ fill: currentColor;
+}
+html,
+body,
+#__next {
+ height: 100%;
+}
+.link:is(:hover, [data-hover]) {
+ text-decoration-color: transparent;
+}
+.h_100vh {
+ height: 100vh;
+}
+
+/* Homepage */
+@media screen and (min-width: 1023px) {
+ .darkmode .homepage__bg-point::before {
+ background-image: url(/assets/images/main_bg_dark.png);
+ }
+ .homepage__bg-point::before {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border-bottom-left-radius: 23px;
+ border-bottom-right-radius: 23px;
+ background-image: url(/assets/images/main_bg.png);
+ background-repeat: repeat;
+ content: '';
+ z-index: 0;
+ }
+}
+.homepage__bg-point .point {
+ display: inline-block;
+ padding: 0 8px;
+ border: 3px dashed var(--purple-0);
+ border-radius: 16px;
+}
+.homepage__bg-point .point:before {
+ position: absolute;
+ top: 12px;
+ left: -35px;
+ width: 24px;
+ height: 24px;
+ background-image: url(/assets/icons/icon_service_main_users_alone.svg);
+ background-repeat: no-repeat;
+ content: '';
+ z-index: 10;
+}
+
+.homepage__codeblock .codeblock {
+ overflow-y: overlay;
+ height: 494px;
+ border-radius: 0 0 16px 16px;
+ border-top: 0;
+}
+.darkmode .homepage g[filter*='filter0'] > rect:first-child {
+ fill: var(--gray-000);
+}
+.darkmode .homepage g[filter*='filter0'] g rect:first-child {
+ fill: var(--gray-100);
+ stroke: var(--gray-100);
+}
+.darkmode .homepage g[filter*='filter0'] [fill='#FAF8F6'] {
+ fill: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter0'] [fill='#EFECEB'],
+.darkmode .homepage g[filter*='filter0'] [fill='#F5F3F1'] {
+ fill: var(--gray-100);
+}
+.darkmode .homepage g[filter*='filter0'] [stroke='#E2DEDB'],
+.darkmode .homepage g[filter*='filter0'] [stroke='#EFECEB'] {
+ stroke: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter2'] rect:first-child {
+ fill: var(--gray-000);
+}
+.darkmode .homepage g[filter*='filter2'] [fill='#F5F3F1'],
+.darkmode .homepage g[filter*='filter2'] [fill='#FEFDFB'] {
+ fill: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter2'] [fill='#C2BDBA'],
+.darkmode .homepage g[filter*='filter2'] [fill='#E2DEDB'],
+.darkmode .homepage g[filter*='filter2'] [fill='#EFECEB'] {
+ fill: var(--gray-100);
+}
+.darkmode .homepage g[filter*='filter2'] [stroke='#EFECEB'],
+.darkmode .homepage g[filter*='filter2'] [stroke='#F5F3F1'] {
+ stroke: var(--gray-100);
+}
+.darkmode .homepage g[filter*='filter2'] [stroke='#E2DEDB'] {
+ stroke: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter3'] rect:first-child {
+ fill: var(--gray-000);
+}
+.darkmode .homepage g[filter*='filter3'] [fill='#EFECEB'],
+.darkmode .homepage g[filter*='filter3'] [fill='#FEFDFB'] {
+ fill: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter3'] [fill='#E2DEDB'] {
+ fill: var(--gray-100);
+}
+.darkmode .homepage g[filter*='filter3'] [stroke='#EFECEB'] {
+ stroke: var(--gray-100);
+}
+.darkmode .homepage g[filter*='filter3'] [stroke='#E2DEDB'],
+.darkmode .homepage g[filter*='filter3'] [stroke='#F5F3F1'] {
+ stroke: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter4'] [fill='#FEFDFB'] {
+ fill: var(--gray-000);
+}
+.darkmode .homepage g[filter*='filter4'] [fill='#FAF8F6'] {
+ fill: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter4'] [fill='#C2BDBA'],
+.darkmode .homepage g[filter*='filter4'] [fill='#F5F3F1'] {
+ fill: var(--gray-100);
+}
+.darkmode .homepage g[filter*='filter4'] [stroke='#E2DEDB'],
+.darkmode .homepage g[filter*='filter4'] [stroke='#EFECEB'] {
+ stroke: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter5'] rect:first-child {
+ fill: var(--gray-000);
+}
+.darkmode .homepage g[filter*='filter5'] [fill='#E2DEDB'],
+.darkmode .homepage g[filter*='filter5'] [fill='#F5F3F1'] {
+ fill: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter5'] [stroke='#E2DEDB'] {
+ stroke: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter6'] rect:first-child {
+ fill: var(--gray-000);
+}
+.darkmode .homepage g[filter*='filter6'] [fill='#EFECEB'],
+.darkmode .homepage g[filter*='filter6'] [fill='#F5F3F1'],
+.darkmode .homepage g[filter*='filter6'] [fill='#FAF8F6'],
+.darkmode .homepage g[filter*='filter6'] [fill='#FEFDFB'] {
+ fill: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter6'] [fill='#E2DEDB'] {
+ fill: var(--gray-200);
+}
+.darkmode .homepage g[filter*='filter6'] [stroke='#E2DEDB'] {
+ stroke: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter7'] rect:first-child {
+ fill: var(--gray-000);
+}
+.darkmode .homepage g[filter*='filter7'] [fill='#EFECEB'],
+.darkmode .homepage g[filter*='filter7'] [fill='#FEFDFB'] {
+ fill: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter7'] [fill='#E2DEDB'] {
+ fill: var(--gray-100);
+}
+.darkmode .homepage g[filter*='filter7'] [stroke='#F5F3F1'] {
+ stroke: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter7'] [stroke='#E2DEDB'] {
+ stroke: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter8'] > rect:first-child {
+ fill: var(--gray-000);
+}
+.darkmode .homepage g[filter*='filter8'] g rect:first-child {
+ fill: var(--gray-50);
+ stroke: var(--gray-50);
+}
+.darkmode .homepage g[filter*='filter8'] [stroke='#EFECEB'] {
+ stroke: var(--gray-100);
+}
+.darkmode .homepage g[filter*='filter8'] [stroke='#E2DEDB'] {
+ stroke: var(--gray-50);
+}
+.darkmode .section_app .app_body::before {
+ background-image: url(/assets/images/main_bg_dark.png);
+}
+.darkmode .grid_thumbnail [fill='#FEFDFB'],
+.darkmode .grid_thumbnail [fill='url(#pattern1)'],
+.darkmode .grid_thumbnail [fill='white'] {
+ fill: var(--gray-000);
+}
+.darkmode .main_page .horizon_item .img_box [fill='#FEFDFB'] {
+ fill: var(--gray-000);
+}
+/* Code Block */
+
+code[class*='language-'],
+pre[class*='language-'] {
+ background: 0 0;
+ font-size: 1em;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+code[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+pre[class*='language-']::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+code[class*='language-'] ::-moz-selection,
+code[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+pre[class*='language-']::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+code[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+pre[class*='language-']::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+code[class*='language-'] ::selection,
+code[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+pre[class*='language-']::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+@media print {
+ code[class*='language-'],
+ pre[class*='language-'] {
+ text-shadow: none;
+ }
+}
+pre[class*='language-'] {
+ overflow: auto;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ --code-slategray: var(--gray-500);
+ --code-gray: var(--gray-600);
+ --code-purple: var(--purple-dark);
+ --code-blue: var(--blue-dark);
+ --code-orange: var(--orange-dark);
+ --code-brown: #9a6e3a;
+ --code-green: var(--green-dark);
+}
+.darkmode pre[class*='language-'] {
+ --code-slategray: var(--gray-300);
+ --code-brown: #face9b;
+ color: var(--code-gray);
+}
+.token.cdata,
+.token.comment,
+.token.doctype,
+.token.prolog {
+ color: var(--code-slategray);
+}
+.token.punctuation {
+ color: var(--code-gray);
+}
+.token.namespace {
+ opacity: 0.7;
+}
+.token.boolean,
+.token.constant,
+.token.deleted,
+.token.important,
+.token.number,
+.token.regex,
+.token.symbol,
+.token.tag,
+.token.variable {
+ color: var(--code-orange);
+}
+.token.attr-name,
+.token.builtin,
+.token.char,
+.token.inserted,
+.token.selector,
+.token.string {
+ color: var(--code-green);
+}
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url {
+ color: var(--code-brown);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: var(--code-blue);
+}
+.token.class-name,
+.token.function {
+ color: var(--code-purple);
+}
+.token.bold,
+.token.important {
+ font-weight: 700;
+}
+.token.italic {
+ font-style: italic;
+}
+.token.entity {
+ cursor: help;
+}
+.rc-slider {
+ position: relative;
+ width: 100%;
+ height: 14px;
+ padding: 5px 0;
+ border-radius: 6px;
+ -ms-touch-action: none;
+ touch-action: none;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-tap-highlight-color: transparent;
+}
+.rc-slider * {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-tap-highlight-color: transparent;
+}
+.rc-slider-rail {
+ position: absolute;
+ width: 100%;
+ height: 4px;
+ background-color: #e9e9e9;
+ border-radius: 6px;
+}
+.rc-slider-track {
+ position: absolute;
+ height: 4px;
+ background-color: #abe2fb;
+ border-radius: 6px;
+}
+.rc-slider-handle {
+ position: absolute;
+ width: 14px;
+ height: 14px;
+ margin-top: -5px;
+ background-color: #fff;
+ border: solid 2px #bfdbfe;
+ border-radius: 50%;
+ cursor: pointer;
+ cursor: -webkit-grab;
+ cursor: grab;
+ opacity: 0.8;
+ -ms-touch-action: pan-x;
+ touch-action: pan-x;
+}
+.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
+ border-color: #57c5f7;
+ -webkit-box-shadow: 0 0 0 5px #bfdbfe;
+ box-shadow: 0 0 0 5px #bfdbfe;
+}
+.rc-slider-handle:focus {
+ outline: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.rc-slider-handle:focus-visible {
+ border-color: #2db7f5;
+ -webkit-box-shadow: 0 0 0 3px #bfdbfe;
+ box-shadow: 0 0 0 3px #bfdbfe;
+}
+.rc-slider-handle-click-focused:focus {
+ border-color: #bfdbfe;
+ -webkit-box-shadow: unset;
+ box-shadow: unset;
+}
+.rc-slider-handle:hover {
+ border-color: #57c5f7;
+}
+.rc-slider-handle:active {
+ border-color: #57c5f7;
+ -webkit-box-shadow: 0 0 5px #57c5f7;
+ box-shadow: 0 0 5px #57c5f7;
+ cursor: -webkit-grabbing;
+ cursor: grabbing;
+}
+.rc-slider-mark {
+ position: absolute;
+ top: 18px;
+ left: 0;
+ width: 100%;
+ font-size: 12px;
+}
+.rc-slider-mark-text {
+ position: absolute;
+ display: inline-block;
+ color: #999;
+ text-align: center;
+ vertical-align: middle;
+ cursor: pointer;
+}
+.rc-slider-mark-text-active {
+ color: #666;
+}
+.rc-slider-step {
+ position: absolute;
+ width: 100%;
+ height: 4px;
+ background: 0 0;
+ pointer-events: none;
+}
+.rc-slider-dot {
+ position: absolute;
+ bottom: -2px;
+ width: 8px;
+ height: 8px;
+ vertical-align: middle;
+ background-color: #fff;
+ border: 2px solid #e9e9e9;
+ border-radius: 50%;
+ cursor: pointer;
+}
+.rc-slider-dot-active {
+ border-color: #bfdbfe;
+}
+.rc-slider-dot-reverse {
+ margin-right: -4px;
+}
+.rc-slider-disabled {
+ background-color: #e9e9e9;
+}
+.rc-slider-disabled .rc-slider-track {
+ background-color: #ccc;
+}
+.rc-slider-disabled .rc-slider-dot,
+.rc-slider-disabled .rc-slider-handle {
+ background-color: #fff;
+ border-color: #ccc;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ cursor: not-allowed;
+}
+.rc-slider-disabled .rc-slider-dot,
+.rc-slider-disabled .rc-slider-mark-text {
+ cursor: not-allowed !important;
+}
+.history_slider_inner .rc-slider-dot.is_end::before,
+.history_slider_inner .rc-slider-dot.is_first::before {
+ background: url(/assets/icons/icon_line.svg) left center;
+ background-repeat: space no-repeat;
+}
+.grid_list2 {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+@media screen and (max-width: 1023px) {
+ .grid_list2 {
+ display: block;
+ }
+}
+.grid_list2 .grid_item {
+ -ms-flex-preferred-size: calc(50% - 14px);
+ flex-basis: calc(50% - 14px);
+ margin: 24px 0 0 24px;
+ border: 1px solid var(--gray-400);
+ border-radius: 4px;
+}
+@media screen and (max-width: 1023px) {
+ .grid_list2 .grid_item {
+ height: calc(50% - 14px);
+ margin-left: 0;
+ }
+}
+.grid_list2 .grid_item:nth-child(-n + 2) {
+ margin-top: 0;
+}
+@media screen and (max-width: 1023px) {
+ .grid_list2 .grid_item:nth-child(-n + 2) {
+ margin-top: 24px;
+ }
+}
+.grid_list2 .grid_item:nth-child(odd) {
+ margin-left: 0;
+}
+@media screen and (max-width: 1023px) {
+ .grid_list2 .grid_item:first-child {
+ margin-top: 0;
+ }
+}
+.grid_list2 .grid_item.is_active {
+ border-color: var(--blue-0);
+}
+.grid_list2 .grid_item.add_screen {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ position: relative;
+ background-color: var(--gray-50);
+ border: 1px dashed var(--gray-400);
+}
+@media screen and (min-width: 1024px) {
+ .grid_list2 .grid_item.add_screen {
+ margin-top: 0;
+ margin-left: 24px;
+ }
+}
+.grid_list2 .grid_item.add_screen .guide {
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 500;
+ color: var(--gray-800);
+ text-align: center;
+}
+.grid_list2 .grid_item .btn_add {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ position: relative;
+ width: 100%;
+ height: 100%;
+ min-height: 222px;
+ border-radius: 4px;
+ color: var(--gray-800);
+}
+.grid_list2 .icon_plus {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ color: var(--gray-900);
+}
+.grid_list2 .btn_add_screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+.codeblock {
+ position: relative;
+ overflow-x: auto;
+ height: 100%;
+ min-height: 48px;
+ padding: 8px 0;
+ border-radius: 4px;
+ border: 1px solid var(--gray-400);
+ background: var(--gray-000);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.codeblock_header {
+ padding: 6px 8px;
+}
+.codeblock_header .box_left {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+@media screen and (max-width: 1023px) {
+ .codeblock_header .box_left {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+}
+.codeblock_header .btn_item {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 32px;
+ padding: 0 16px;
+ border-radius: 8px;
+ font-size: 0.8rem;
+ line-height: 1.58;
+ font-weight: 600;
+ color: var(--gray-600);
+}
+.codeblock_header .btn_item + .btn_item {
+ margin-left: 8px;
+}
+.codeblock_header .btn_item.is_active {
+ background: var(--gray-800);
+ color: var(--gray-000);
+}
+.codeblock_header + .codeblock_box {
+ margin-top: 0;
+}
+.codeblock_header + .codeblock_box .codeblock {
+ border-radius: 0 0 4px 4px;
+ border-top: 0;
+}
+.codeblock .language-bash {
+ padding: 0;
+}
+@charset "UTF-8";
+.codeblock_box {
+ position: relative;
+}
+.codeblock_box.is_bash .codeblock {
+ padding: 12px 0;
+}
+.codeblock_box .btn_area {
+ position: absolute;
+ right: 8px;
+ top: 8px;
+}
+.codeblock_box .btn_area .btn {
+ padding: 9px 11px;
+}
+.codeblock_box .btn_area .icon {
+ width: 12px;
+ height: 12px;
+}
+.prism-code {
+ display: table;
+ margin: 0;
+ font-family: RobotoMono, Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+}
+.prism-code .token {
+ white-space: pre;
+ font-size: 13px;
+}
+.prism-code .token-line {
+ display: table-row;
+}
+.prism-code .token-line.is_removed {
+ background: var(--red-alpha-light);
+}
+.prism-code .token-line.is_created {
+ background: var(--green-alpha-light);
+}
+.prism-code .token-line.is_edited {
+ background: var(--yellow-alpha-light);
+}
+.prism-code .string {
+ word-break: break-all;
+}
+.prism-code .class-name {
+ color: var(--purple-dark);
+}
+.prism-code .parameter,
+.prism-code .plain,
+.prism-code .property {
+ color: var(--gray-900);
+}
+.prism-code .line-content,
+.prism-code .line-number {
+ display: table-cell;
+ padding: 0 16px;
+}
+.prism-code .line-number {
+ font-size: 0.7rem;
+ line-height: 2;
+ font-weight: 400;
+ color: var(--gray-500);
+ text-align: right;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.prism-code .line-content {
+ font-size: 1.4rem;
+ line-height: 1.72;
+ font-weight: 400;
+}
+.prism-code.language-json .token.property {
+ color: var(--blue-dark);
+}
+.prism-code.language-json .token.number {
+ color: var(--orange-dark);
+}
+.prism-code.language-bash {
+ padding: 0 24px;
+}
+.codeblock_tree_box {
+ padding: 16px 24px;
+ border: 1px solid var(--gray-400);
+ border-radius: 0 0 4px 4px;
+ background: var(--colors-black-a3);
+ color: var(--colors-black-a6);
+ word-break: break-all;
+}
+.codeblock_tree_box .react-json-view {
+ font-family: Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
+}
+.codeblock_tree_box
+ .react-json-view
+ > .object-container
+ > .object-content
+ > .object-key-val
+ > span:first-child
+ .object-key::after {
+ display: none;
+}
+.codeblock_tree_box .object-key-val {
+ padding: 0 !important;
+}
+.codeblock_tree_box .object-key-val span {
+ position: relative;
+ display: inline-block;
+ opacity: 1 !important;
+}
+.codeblock_tree_box .object-key-val .object-content {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ margin-left: 24px !important;
+}
+.codeblock_tree_box .object-key-val .icon-container {
+ position: absolute;
+ left: 0;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+.codeblock_tree_box .object-key-val .icon-container .collapsed-icon,
+.codeblock_tree_box .object-key-val .icon-container .expanded-icon {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.codeblock_tree_box .object-key-val .variable-row,
+.codeblock_tree_box .object-key-val > span:first-child {
+ display: inline-block;
+ padding: 8px 12px;
+ margin-bottom: 16px;
+ border-radius: 4px;
+ border: 1px solid var(--gray-400);
+ font-size: 1.4rem;
+ line-height: 1.72;
+ font-weight: 500;
+ letter-spacing: 0 !important;
+}
+.codeblock_tree_box .object-key-val .variable-row.is_edited,
+.codeblock_tree_box .object-key-val > span:first-child.is_edited {
+ border-color: var(--yellow-0);
+ background: var(--yellow-alpha-light);
+ color: var(--yellow-dark);
+}
+.codeblock_tree_box .object-key-val .variable-row.is_created,
+.codeblock_tree_box .object-key-val > span:first-child.is_created {
+ border-color: var(--green-0);
+ background: var(--green-alpha-light);
+ color: var(--green-dark);
+}
+.codeblock_tree_box .object-key-val .variable-row.is_removed,
+.codeblock_tree_box .object-key-val > span:first-child.is_removed {
+ border-color: var(--red-0);
+ background: var(--red-alpha-light);
+ color: var(--red-dark);
+}
+.codeblock_tree_box .object-key-val .array-key,
+.codeblock_tree_box .object-key-val .object-key {
+ position: relative;
+ padding-left: 20px;
+ font-size: 1.4rem;
+ line-height: 1.72;
+ font-weight: 500;
+}
+.codeblock_tree_box .object-key-val .object-key-val,
+.codeblock_tree_box .object-key-val .variable-row {
+ position: relative;
+}
+.codeblock_tree_box .object-key-val .object-key-val:first-of-type::after,
+.codeblock_tree_box .object-key-val .variable-row:first-of-type::after {
+ top: -16px;
+ height: 32px;
+}
+.codeblock_tree_box .object-key-val .object-key-val::after,
+.codeblock_tree_box .object-key-val .variable-row::after {
+ position: absolute;
+ top: 0;
+ width: 16px;
+ height: 16px;
+ border: 1px dashed var(--gray-400);
+ border-width: 0 0 1px 1px;
+ border-radius: 0 0 0 4px;
+ content: '';
+}
+.codeblock_tree_box .object-key-val .object-key-val:not(:last-of-type)::before,
+.codeblock_tree_box .object-key-val .variable-row:not(:last-of-type)::before {
+ position: absolute;
+ border: 1px dashed var(--gray-400);
+ border-width: 0 0 0 1px;
+ content: '';
+}
+.codeblock_tree_box .object-key-val .object-key-val::after {
+ left: -17px;
+}
+.codeblock_tree_box .object-key-val .object-key-val:not(:last-of-type)::before {
+ left: -17px;
+ top: 17px;
+ bottom: 0;
+}
+.codeblock_tree_box .object-key-val .variable-row {
+ padding: 8px 12px !important;
+}
+.codeblock_tree_box .object-key-val .variable-row::after {
+ left: -18px;
+}
+.codeblock_tree_box .object-key-val .variable-row:not(:last-of-type)::before {
+ left: -18px;
+ top: 16px;
+ bottom: -20px;
+}
+.codeblock_tree_box .object-key-val .variable-row .object-key {
+ padding: 0;
+ border: 0;
+ margin: 0;
+}
+.codeblock_tree_box .object-key-val .variable-row .object-key::after,
+.codeblock_tree_box .object-key-val .variable-row .object-key::before {
+ display: none;
+}
+.codeblock_tree_box .object-key-val .variable-row .variable-value {
+ padding-right: 0 !important;
+}
+.codeblock_tree_box .object-key-val .brace-row {
+ display: block;
+ width: 0;
+ font-size: 0;
+}
+.codeblock_tree_box .object-key-val .object-meta-data {
+ position: absolute;
+}
+.codeblock_tree_box .node-ellipsis {
+ margin-left: 4px;
+}
+@charset "UTF-8";
+.codeblock_header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ min-height: 48px;
+ padding: 8px 8px 8px 16px;
+ background: var(--gray-50);
+ border: 1px solid var(--gray-400);
+ border-radius: 4px 4px 0 0;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+@media screen and (max-width: 1023px) {
+ .codeblock_header {
+ padding: 10px 8px 6px;
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ }
+}
+@media screen and (max-width: 639px) {
+ .codeblock_header {
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ }
+}
+.codeblock_header .box_left {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+@media screen and (max-width: 1023px) {
+ .codeblock_header .box_left {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ }
+}
+@media screen and (max-width: 639px) {
+ .codeblock_header .box_left {
+ margin-right: 10px;
+ }
+}
+.codeblock_header .box_left .btn {
+ height: 32px;
+ margin-left: 16px;
+ padding: 8px 12px;
+ font-size: 1.2rem;
+ line-height: 1.34;
+ font-weight: 500;
+ color: var(--gray-800);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+@media screen and (max-width: 1023px) {
+ .codeblock_header .box_left .btn {
+ margin: 10px 0 0;
+ }
+}
+.codeblock_header .box_left .btn .icon {
+ width: 12px;
+ height: 12px;
+}
+.codeblock_header .desc {
+ padding-left: 8px;
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 600;
+ color: var(--gray-800);
+}
+.codeblock_header .info_list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex: none;
+ flex: none;
+ padding-left: 56px;
+ font-size: 1.2rem;
+ line-height: 1.34;
+ font-weight: 600;
+}
+@media screen and (max-width: 1023px) {
+ .codeblock_header .info_list {
+ padding-left: 8px;
+ }
+}
+.codeblock_header .info_list .info_title {
+ color: var(--gray-600);
+}
+.codeblock_header .info_list .info_title:not(:first-child) {
+ padding-left: 40px;
+}
+.codeblock_header .info_list .info_desc {
+ padding-left: 16px;
+ font-weight: 400;
+ color: var(--gray-800);
+}
+.codeblock_header .box_right {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+@media screen and (max-width: 639px) {
+ .codeblock_header .box_right {
+ margin-top: 8px;
+ }
+}
+.codeblock_header .box_right .btn_area {
+ position: relative;
+ margin-left: 24px;
+}
+.codeblock_header .box_right .btn_line {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding: 10px 12px;
+ border-radius: 4px;
+ border: 1px solid var(--gray-400);
+ color: var(--gray-800);
+}
+.codeblock_header .box_right .btn_line .icon {
+ width: 12px;
+ height: 12px;
+}
+.codeblock_header .btn_toggle {
+ padding: 8px;
+}
+.codeblock_header .btn_toggle:not(.is_active) {
+ background: var(--gray-50);
+}
+@charset "UTF-8";
+.codeblock_navigator {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-bottom: 8px;
+ border-bottom: 1px solid var(--gray-400);
+}
+.codeblock_navigator .item {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 36px;
+ padding: 0 16px;
+ border-radius: 8px;
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 600;
+ color: var(--gray-600);
+}
+.codeblock_navigator .item + .item {
+ margin-left: 8px;
+}
+.codeblock_navigator .item.is_active {
+ background: var(--gray-800);
+ color: var(--gray-000);
+}
+.main_page .codeblock_content {
+ width: 854px;
+ height: 513px;
+}
+@media screen and (max-width: 1023px) {
+ .main_page .codeblock_content {
+ display: none;
+ }
+}
+.main_page .codeblock_content .btn_item {
+ height: 40px;
+ border-radius: 4px;
+ color: var(--gray-800);
+}
+.main_page .codeblock_content .btn_item + .btn_item {
+ margin-left: 16px;
+}
+.main_page .codeblock_content .btn_item.is_active {
+ background: var(--orange-0);
+ color: var(--gray-000);
+}
+.main_page .codeblock_content .codeblock {
+ overflow-y: overlay;
+ height: 100%;
+ border-radius: 0 0 16px 16px;
+ border-top: 0;
+}
+.main_page .codeblock_content .codeblock_header {
+ padding: 16px;
+ border-radius: 16px 16px 0 0;
+}
+.main_page .codeblock_content .codeblock_header .box_right .btn_line {
+ width: 40px;
+ height: 40px;
+ padding: 12px;
+ color: var(--gray-800);
+}
+.main_page .codeblock_content .codeblock_header .box_right .btn_line .icon {
+ -webkit-box-flex: 0;
+ -ms-flex: none;
+ flex: none;
+ width: 16px;
+ height: 16px;
+}
+.main_page .codeblock_content .prism-code .string {
+ white-space: pre-wrap;
+}
+
+/* SVG */
+@media screen and (max-width: 1023px) {
+ .svg-responsive svg {
+ width: 100%;
+ height: fit-content;
+ }
+}
+
+/* Documents */
+
+.documentation_page .header_service {
+ background-color: var(--gray-000);
+}
+.documentation_page .container {
+ max-width: 1920px;
+ margin: 0 auto;
+}
+.documentation_page .content {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ min-height: calc(100vh - 134px);
+}
+.documentation_page .content .navigator {
+ min-width: 308px;
+ padding: 0 40px 175px 24px;
+ border-right: 1px solid var(--gray-400);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+@media screen and (max-width: 1023px) {
+ .documentation_page .content .navigator {
+ display: none;
+ }
+}
+.documentation_page .content .navigator_group:hover > .navigator_item {
+ color: var(--orange-dark);
+}
+.documentation_page .content .navigator_group .navigator_list {
+ display: none;
+ padding-right: 0;
+}
+.documentation_page .content .navigator_group .navigator_group {
+ margin-top: 0;
+}
+.documentation_page .content .navigator_group .navigator_menu.is_active + .navigator_list {
+ display: block;
+}
+.documentation_page .content .navigator > .navigator_list {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ padding-top: 76px;
+}
+.documentation_page .content .navigator > .navigator_list > .navigator_group > .navigator_item:only-child {
+ padding-left: 40px;
+ font-size: 1.1rem;
+ line-height: 1.5;
+ font-weight: 600;
+}
+.documentation_page .content .navigator_list .navigator_group:not(:first-of-type) .navigator_item,
+.documentation_page .content .navigator_list .navigator_group:not(:first-of-type) .navigator_menu {
+ margin-top: 0;
+}
+.documentation_page .content .navigator_item {
+ font-size: 1rem;
+}
+.documentation_page .content .navigator_item.is_active {
+ border: transparent;
+ background-color: transparent;
+ color: var(--orange-dark);
+}
+.documentation_page .content .navigator_menu {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.documentation_page .content .navigator_menu .icon {
+ width: 16px;
+ height: 16px;
+}
+.documentation_page .section {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ min-width: 0;
+ max-width: 100%;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ padding: 88px 52px 164px;
+}
+@media screen and (max-width: 1244px) {
+ .documentation_page .section {
+ padding: 88px 40px 88px 52px;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+}
+@media screen and (max-width: 1023px) {
+ .documentation_page .section {
+ padding: 72px 32px;
+ }
+}
+@media screen and (max-width: 639px) {
+ .documentation_page .section {
+ padding: 72px 16px;
+ }
+}
+.documentation_page .pagination {
+ display: none;
+ -webkit-box-flex: 0;
+ -ms-flex: none;
+ flex: none;
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2;
+ position: -webkit-sticky;
+ position: sticky;
+ top: 152px;
+ right: 0;
+ z-index: 1;
+ width: 220px;
+ border: 1px solid var(--gray-400);
+ border-radius: 16px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+@media screen and (min-width: 1600px) {
+ .documentation_page .pagination {
+ display: block;
+ }
+}
+.documentation_page .pagination_inner {
+ padding: 24px;
+}
+.documentation_page .pagination_title {
+ color: var(--gray-800);
+ font-weight: 600;
+}
+.documentation_page .pagination .toc-level-1 {
+ padding-top: 8px;
+}
+.documentation_page .pagination .toc-item {
+ padding-top: 10px;
+ font-size: 0.9rem;
+ font-weight: 600;
+ color: var(--gray-500);
+ word-break: break-all;
+}
+.documentation_page .pagination .toc-item.is_active {
+ color: var(--orange-dark);
+}
+.documentation_page .pagination .toc-item .toc-item {
+ padding-left: 10px;
+}
+.documentation_page .section_content_box {
+ overflow-x: auto;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ color: var(--gray-800);
+ word-break: break-all;
+}
+@media screen and (min-width: 1600px) {
+ .documentation_page .section_content_box {
+ padding-right: 48px;
+ }
+}
+.documentation_page .section_content_box h2 {
+ margin-bottom: 16px;
+ font-weight: 600;
+}
+@media screen and (max-width: 1023px) {
+ .documentation_page .section_content_box h2 {
+ font-weight: 600;
+ }
+}
+.documentation_page .section_content_box h3 {
+ margin: 56px 0 16px;
+ font-weight: 600;
+}
+@media screen and (max-width: 1023px) {
+ .documentation_page .section_content_box h3 {
+ font-weight: 600;
+ }
+}
+.documentation_page .section_content_box h4 {
+ margin: 56px 0 16px;
+}
+.documentation_page .section_content_box h5 {
+ margin: 56px 0 16px;
+}
+.documentation_page .section_content_box h6 {
+ margin: 56px 0 16px;
+}
+.documentation_page .section_content_box p {
+ margin: 16px 0;
+ font-weight: 400;
+ word-break: break-word;
+}
+.documentation_page .section_content_box ol,
+.documentation_page .section_content_box ul:not(.docs_breadcrumbs) {
+ margin: 16px 0 24px 16px;
+}
+.documentation_page .section_content_box ol li,
+.documentation_page .section_content_box ul:not(.docs_breadcrumbs) li {
+ position: relative;
+ padding-left: 20px;
+ font-size: 0.8rem;
+ line-height: 1.38;
+ font-weight: 400;
+ word-break: break-word;
+}
+.documentation_page .section_content_box ol li + li,
+.documentation_page .section_content_box ul:not(.docs_breadcrumbs) li + li {
+ margin-top: 8px;
+}
+.documentation_page .section_content_box ol li::before,
+.documentation_page .section_content_box ul:not(.docs_breadcrumbs) li::before {
+ display: block;
+ position: absolute;
+ top: 10px;
+ left: 8px;
+ width: 3px;
+ height: 3px;
+ border-radius: 50%;
+ background: var(--gray-800);
+ content: '';
+}
+.documentation_page .section_content_box ol {
+ counter-reset: list;
+}
+.documentation_page .section_content_box ol li::before {
+ left: 4px;
+ top: 0;
+ width: 20px;
+ height: 0;
+ counter-increment: list;
+ content: counter(list) '.';
+}
+.documentation_page .section_content_box a:not(.btn, .docs_breadcrumbs_link) {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.documentation_page .section_content_box a:not(.btn, .docs_breadcrumbs_link).icon_link::after {
+ display: block;
+ width: 13px;
+ height: 13px;
+ margin-left: 2px;
+ background: url(/assets/icons/icon_link.svg) no-repeat center;
+ content: '';
+}
+.documentation_page .section_content_box .heading a {
+ border: 0;
+ color: var(--gray-800);
+}
+.documentation_page .section_content_box .heading a:hover::after {
+ margin-left: 4px;
+ color: var(--orange-0);
+ content: '#';
+}
+.documentation_page .section_content_box img {
+ width: 100%;
+ height: auto;
+ margin-top: 0;
+ vertical-align: middle;
+}
+.documentation_page .section_content_box img + img {
+ margin-top: 16px;
+}
+.documentation_page .section_content_box video {
+ width: 100%;
+}
+.documentation_page .section_content_box table {
+ overflow: hidden;
+ border: 1px solid var(--gray-400);
+ border-radius: 4px;
+ border-spacing: 0;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 400;
+ text-align: left;
+}
+.documentation_page .section_content_box table td,
+.documentation_page .section_content_box table th {
+ min-width: 143px;
+ padding: 4px 8px;
+ border-right: 1px solid var(--gray-400);
+ border-bottom: 1px solid var(--gray-400);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.documentation_page .section_content_box table td:last-of-type,
+.documentation_page .section_content_box table th:last-of-type {
+ border-right: 0;
+}
+.documentation_page .section_content_box table tr:last-of-type td {
+ border-bottom: 0;
+}
+.documentation_page .section_content_box table th {
+ background: var(--gray-200);
+ font-weight: 600;
+}
+.documentation_page .section_content_box code {
+ padding: 1px 5px 2px;
+ border: 1px solid var(--gray-400);
+ border-radius: 4px;
+ background: var(--gray-100);
+ font-family: RobotoMono, Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ font-size: 0.6rem;
+ line-height: 1.34;
+ font-weight: 500;
+}
+.documentation_page .section_content_box .table_box {
+ overflow-x: auto;
+ width: 100%;
+ margin: 24px 0 16px;
+}
+@media screen and (max-width: 639px) {
+ .documentation_page .section_content_box .table_box {
+ margin: 0;
+ padding: 0;
+ }
+}
+.documentation_page .section_content_box .img_wrap {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ margin-top: 24px;
+ gap: 16px;
+}
+.documentation_page .section_content_box .img_wrap .img_box {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+.documentation_page .section_content_box .caption {
+ margin-bottom: 0;
+ font-size: 1.2rem;
+ line-height: 1.34;
+ font-weight: 400;
+}
+.documentation_page .section_content_box .caption + .img_wrap,
+.documentation_page .section_content_box .caption + img,
+.documentation_page .section_content_box .caption + p {
+ margin-top: 24px;
+}
+.documentation_page .section_content_box .codeblock_header {
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-top: 24px;
+}
+.documentation_page .section_content_box .codeblock_header + .codeblock_box {
+ margin-top: 0;
+}
+.documentation_page .section_content_box .codeblock_wrap {
+ margin-bottom: 24px;
+ padding: 16px;
+ border-radius: 0 0 4px 4px;
+ border: 1px solid var(--gray-400);
+ border-top: 0;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.documentation_page .section_content_box .codeblock_wrap .title {
+ font-size: 1.6rem;
+ line-height: 1.5;
+ font-weight: 600;
+}
+.documentation_page .section_content_box .codeblock_wrap .desc {
+ margin: 24px 0;
+ font-size: 1.2rem;
+ line-height: 1.34;
+ font-weight: 400;
+ color: var(--gray-600);
+}
+.documentation_page .section_content_box .codeblock_box {
+ margin: 24px 0;
+}
+.documentation_page .section_content_box .codeblock_box .btn {
+ margin: 0;
+}
+.documentation_page .section_content_box .codeblock_box .btn:hover {
+ background: var(--gray-100);
+}
+.documentation_page .section_content_box .card_box {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ gap: 16px;
+ margin: 24px 0;
+}
+@media screen and (max-width: 1023px) {
+ .documentation_page .section_content_box .card_box {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+}
+.documentation_page .section_content_box .card {
+ padding: 16px 24px;
+ border-radius: 4px;
+ border: 1px solid var(--gray-400);
+}
+.documentation_page .section_content_box .card .title {
+ display: block;
+ font-size: 1.6rem;
+ line-height: 1.5;
+ font-weight: 600;
+}
+.documentation_page .section_content_box .card .desc {
+ margin: 24px 0 0;
+ font-size: 1.2rem;
+ line-height: 1.34;
+ font-weight: 400;
+}
+.documentation_page .section_content_box .alert {
+ width: -webkit-fit-content;
+ width: -moz-fit-content;
+ width: fit-content;
+ max-width: 100%;
+ display: inline-block;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative;
+ min-height: 32px;
+ margin: 0;
+ padding: 11px 12px 11px 36px;
+ border-radius: 4px;
+ font-weight: 400;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.documentation_page .section_content_box .alert .title {
+ display: block;
+ margin-bottom: 8px;
+ font-weight: 600;
+ word-break: break-word;
+}
+.documentation_page .section_content_box .alert p {
+ margin: 0;
+ font-size: inherit;
+ line-height: inherit;
+ font-weight: inherit;
+}
+.documentation_page .section_content_box .alert_box {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ gap: 16px;
+ margin: 24px 0;
+}
+.documentation_page .section_content_box .alert_danger {
+ background: var(--red-alpha-light);
+}
+.documentation_page .section_content_box .alert_success {
+ background: var(--green-alpha-light);
+}
+.documentation_page .section_content_box .alert_warning {
+ background: var(--yellow-alpha-light);
+}
+.documentation_page .section_content_box .alert_info {
+ background: var(--blue-alpha-light);
+ font-size: 0.8rem;
+}
+.documentation_page .section_content_box .alert > .icon {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: absolute;
+ top: 14px;
+ left: 12px;
+ width: 15px;
+ height: 15px;
+}
+.documentation_page .section_content_box .alert > .icon svg {
+ width: 100%;
+ height: 100%;
+}
+.documentation_page .section_content_box .btn_box {
+ margin: 24px 0;
+}
+.documentation_page .section_content_box .btn_box .btn:hover {
+ background: var(--gray-900);
+}
+.documentation_page .section_content_box .docs_breadcrumbs {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ position: relative;
+ margin-bottom: 8px;
+}
+.documentation_page .section_content_box .docs_breadcrumbs_link {
+ display: inline-block;
+ font-size: 1.6rem;
+ line-height: 1.5;
+ font-weight: 600;
+ color: var(--orange-dark);
+}
+.documentation_page .section_content_box .docs_breadcrumbs_link:not(:first-of-type)::before {
+ display: inline-block;
+ margin: 0 4px;
+ content: '-';
+}
+.documentation_page .toast_box {
+ left: 0;
+}
+
+/* Navigator */
+
+@charset "UTF-8";
+.navigator_list {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ max-width: 244px;
+ width: 100%;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.navigator_list > .navigator_group .navigator_list {
+ padding-right: 16px;
+}
+.navigator_list .navigator_list {
+ padding: 0 0 0 32px;
+}
+.navigator_list .navigator_list .navigator_group:not(:first-of-type) .navigator_item,
+.navigator_list .navigator_list .navigator_group:not(:first-of-type) .navigator_menu {
+ margin-top: 8px;
+}
+.navigator_list .navigator_list .navigator_menu {
+ margin-top: 8px;
+ padding: 12px;
+ font-size: 1rem;
+ line-height: 1.58;
+ font-weight: 600;
+ color: var(--gray-800);
+}
+.navigator_group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.navigator_group + .navigator_group {
+ margin-top: 8px;
+}
+.navigator_group .navigator_group:not(:first-of-type) .navigator_item {
+ margin-top: 24px;
+}
+.navigator_item {
+ padding: 9px 16px;
+ border-radius: 4px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 500;
+ color: var(--gray-800);
+ text-align: start;
+ word-break: break-all;
+}
+.navigator_item.is_active {
+ border: 1px solid var(--orange-0);
+ background: var(--orange-alpha-light);
+}
+.navigator_item.is_active .icon {
+ margin-right: 8px;
+}
+.navigator_item.add_icon.is_active {
+ color: var(--orange-0);
+}
+.navigator_item.add_icon.is_active .icon svg path {
+ fill: var(--orange-0);
+}
+.navigator_item .icon {
+ margin-right: 8px;
+}
+.navigator_menu {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ padding: 12px 16px;
+ font-size: 1.1rem;
+ line-height: 1.5;
+ font-weight: 600;
+ color: var(--gray-900);
+ word-break: break-all;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.navigator_menu.is_active .icon svg {
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+}
+.navigator_menu .icon {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ margin-right: 8px;
+}
+.navigator_menu .icon svg {
+ width: 100%;
+ height: 100%;
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+
+/* Toast */
+
+@charset "UTF-8";
+.toast_box {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: absolute;
+ top: 0;
+ left: 50%;
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ padding: 8px;
+ border-radius: 8px;
+ background: var(--gray-800);
+ font-size: 1.2rem;
+ line-height: 1.34;
+ font-weight: 500;
+ color: var(--gray-000);
+ -webkit-transform: translate(-50%, calc(-100% - 16px));
+ transform: translate(-50%, calc(-100% - 16px));
+ opacity: 1;
+ -webkit-animation: toast 0.2s linear;
+ animation: toast 0.2s linear;
+}
+.toast_box .icon {
+ display: inline-block;
+ vertical-align: top;
+ margin-right: 8px;
+}
+.toast_box svg {
+ display: block;
+}
+@-webkit-keyframes toast {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate(-50%, calc(-100% - 6px));
+ transform: translate(-50%, calc(-100% - 6px));
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translate(-50%, calc(-100% - 16px));
+ transform: translate(-50%, calc(-100% - 16px));
+ }
+}
+@keyframes toast {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate(-50%, calc(-100% - 6px));
+ transform: translate(-50%, calc(-100% - 6px));
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translate(-50%, calc(-100% - 16px));
+ transform: translate(-50%, calc(-100% - 16px));
+ }
+}
+
+/* Modal */
+
+@charset "UTF-8";
+.modal {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ z-index: 300;
+ width: 454px;
+ padding: 40px;
+ border: 1px solid var(--gray-400);
+ border-radius: 8px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ background-color: var(--gray-000);
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+}
+@media screen and (max-width: 1023px) {
+ .modal {
+ width: calc(100% - 64px);
+ }
+}
+@media screen and (max-width: 639px) {
+ .modal {
+ top: initial;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ width: 100%;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ -webkit-transform: none;
+ transform: none;
+ -webkit-box-shadow: 0 -8px 16px -8px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 -8px 16px -8px rgba(0, 0, 0, 0.2);
+ }
+}
+.modal_l {
+ width: 687px;
+}
+@media screen and (max-width: 1023px) {
+ .modal_l {
+ width: calc(100% - 64px);
+ }
+}
+@media screen and (max-width: 639px) {
+ .modal_l {
+ top: initial;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ width: 100%;
+ -webkit-transform: none;
+ transform: none;
+ -webkit-box-shadow: 0 -8px 16px -8px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 -8px 16px -8px rgba(0, 0, 0, 0.2);
+ }
+}
+.modal_top {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.modal_top .icon {
+ display: block;
+ width: 48px;
+ height: 48px;
+}
+.modal_top .icon svg {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+.modal_top + .modal_bottom {
+ padding-top: 64px;
+}
+.modal_content {
+ margin-top: 24px;
+}
+.modal_desc,
+.modal_title {
+ display: block;
+ color: var(--gray-900);
+ word-break: break-all;
+}
+.modal_title + .modal_desc {
+ margin-top: 16px;
+}
+.modal_link {
+ padding-left: 16px;
+}
+.modal_bottom {
+ margin-top: 64px;
+}
+@media screen and (max-width: 639px) {
+ .modal_bottom {
+ margin-top: 48px;
+ }
+}
+.modal_bottom .btn {
+ margin: 0 12px;
+ padding-top: 12px;
+ padding-bottom: 10px;
+ font-size: 16px;
+ line-height: 24px;
+}
+.modal_bottom .btn:first-child {
+ margin-left: 0;
+}
+.modal_bottom .btn:last-child {
+ margin-right: 0;
+}
+.modal_in_header {
+ position: fixed;
+ top: 72px;
+ left: auto;
+ right: 24px;
+ padding-bottom: 15px;
+ -webkit-transform: none;
+ transform: none;
+}
+@media screen and (max-width: 1023px) {
+ .modal_in_header {
+ overflow-y: auto;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: auto;
+ padding: 0 32px 32px;
+ border: none;
+ border-radius: 0;
+ }
+ @supports (padding: env(safe-area-inset-right)) {
+ .modal_in_header {
+ padding: 0 calc(32px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom))
+ calc(32px + env(safe-area-inset-left));
+ }
+ }
+ @supports (padding: constant(safe-area-inset-right)) {
+ .modal_in_header {
+ padding: 0 calc(32px + constant(safe-area-inset-right)) calc(32px + constant(safe-area-inset-bottom))
+ calc(32px + constant(safe-area-inset-left));
+ }
+ }
+}
+@media screen and (max-width: 639px) {
+ .modal_in_header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ bottom: 0;
+ padding: 0 16px 32px;
+ }
+ @supports (padding: env(safe-area-inset-right)) {
+ .modal_in_header {
+ padding: 0 calc(16px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom))
+ calc(16px + env(safe-area-inset-left));
+ }
+ }
+ @supports (padding: constant(safe-area-inset-right)) {
+ .modal_in_header {
+ padding: 0 calc(16px + constant(safe-area-inset-right)) calc(32px + constant(safe-area-inset-bottom))
+ calc(16px + constant(safe-area-inset-left));
+ }
+ }
+}
+.modal_in_header .header .btn {
+ position: static;
+}
+.modal_in_header .header .btn_back {
+ margin-left: -16px;
+ color: var(--gray-800);
+}
+.modal_in_header .header .btn_close {
+ padding: 8px;
+ color: var(--gray-500);
+}
+.modal_in_header .modal_content {
+ margin-top: 0;
+}
+@media screen and (max-width: 1023px) {
+ .modal_in_header .modal_content {
+ margin-top: 40px;
+ }
+}
+.modal_in_header .modal_bottom {
+ margin-top: 32px;
+}
+@media screen and (max-width: 639px) {
+ .modal_in_header .modal_bottom {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+@media screen and (max-width: 639px) {
+ .modal_in_header .modal_bottom .btn_box {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ }
+}
+.modal_in_header .modal_title {
+ font-size: 3rem;
+ line-height: 1.27;
+ font-weight: 600;
+}
+.modal_in_header .modal_desc {
+ font-size: 1.4rem;
+ line-height: 1.58;
+ color: var(--gray-600);
+}
+.modal_in_header .textarea_box {
+ margin-top: 24px;
+}
+.modal .combine_box {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+@media screen and (max-width: 639px) {
+ .modal .combine_box {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+}
+.modal .combine_box .input_box {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 0px;
+ flex: 1 1 0;
+ position: relative;
+}
+@media screen and (max-width: 639px) {
+ .modal .combine_box .input_box {
+ width: 100%;
+ }
+}
+.modal .combine_box .input_box + .btn {
+ padding-left: 24px;
+ padding-right: 24px;
+}
+@media screen and (max-width: 639px) {
+ .modal .combine_box .input_box + .btn {
+ width: 100%;
+ margin: 16px 0 0;
+ }
+}
+.modal .combine_box .member_list {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
+ margin-top: 7px;
+ padding: 8px 0;
+ border: 1px solid var(--gray-400);
+ border-radius: 8px;
+ background-color: var(--gray-000);
+}
+@media screen and (max-width: 639px) {
+ .modal .combine_box .member_list {
+ position: initial;
+ max-height: 200px;
+ overflow-y: auto;
+ }
+}
+.modal .combine_box .member_list .member_item {
+ padding: 0;
+}
+.modal .combine_box .member_list .member_item + .member_item {
+ margin: 0;
+}
+.modal .combine_box .member_list .member_item.has_border {
+ margin-top: 4px;
+ padding-top: 4px;
+ border-top: 1px solid var(--gray-400);
+}
+.modal .combine_box .member_list .member_info {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ width: 100%;
+ padding: 12px 16px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.modal .combine_box .member_list .member_info .profile {
+ padding-right: 0;
+}
+.modal .combine_box .member_list .member_info .icon {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+}
+.modal .combine_box .member_list .member_info .details {
+ width: 100%;
+}
+@media screen and (max-width: 639px) {
+ .modal .combine_box .member_list .member_info {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+ .modal .combine_box .member_list .member_info .details {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ }
+}
+.modal .combine_box .member_list .member_info:hover {
+ background-color: var(--gray-100);
+}
+.modal .member_tag {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 0px;
+ flex: 1 1 0;
+ position: relative;
+}
+@media screen and (max-width: 639px) {
+ .modal .member_tag ~ .btn {
+ width: 100%;
+ margin: 16px 0 0;
+ }
+}
+.modal .member_tag_inner {
+ padding: 8px 6px;
+ border: 1px solid var(--gray-400);
+ border-radius: 4px;
+}
+.modal .member_tag_list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-top: -10px;
+ margin-right: -10px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.modal .member_tag_item {
+ margin-top: 10px;
+ margin-right: 10px;
+}
+.modal .member_tag_item:hover {
+ background-color: var(--gray-100);
+}
+.modal .member_tag_item .btn_tag {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border: 1px solid var(--gray-400);
+ border-radius: 4px;
+}
+.modal .member_tag_item .input {
+ padding: 6px 12px;
+ border: none;
+}
+.modal .member_tag_item .details_sub_desc {
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 500;
+ color: var(--gray-900);
+}
+.modal .member_tag .uninvited_user {
+ padding: 6px 12px;
+}
+.modal .member_tag .uninvited_user .details {
+ display: block;
+}
+.modal .member_tag .invited_user {
+ padding: 4px 12px;
+}
+.modal .member_tag .icon {
+ width: 12px;
+ height: 12px;
+ margin-left: 16px;
+ color: var(--gray-600);
+}
+.modal .member_tag .icon svg {
+ vertical-align: top;
+}
+.modal .member_tag .profile {
+ padding-right: 8px;
+}
+.modal .member_tag .profile img {
+ vertical-align: top;
+}
+.modal .sns_list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding-top: 32px;
+}
+@media screen and (max-width: 639px) {
+ .modal .sns_list {
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding-top: 0;
+ }
+}
+.modal .sns_list_item {
+ margin: 0 24px;
+}
+@media screen and (max-width: 639px) {
+ .modal .sns_list_item {
+ margin: 0;
+ width: 60%;
+ }
+}
+.modal .sns_list_item:first-child {
+ margin-left: 0;
+}
+.modal .sns_list_item:last-child {
+ margin-right: 0;
+}
+.modal .sns_list_menu {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 11px 12px;
+}
+.modal .sns_list_text {
+ display: inline-block;
+ margin-left: 7px;
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 500;
+ vertical-align: top;
+}
+.modal .btn_close {
+ position: absolute;
+ top: 29px;
+ right: 29px;
+ padding: 10px;
+}
+.modal .btn_close .icon {
+ width: 24px;
+ height: 24px;
+}
+.modal .icon_alert {
+ color: var(--red-0);
+}
+
+/* Example */
+.container {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ position: relative;
+ width: 100%;
+}
+@media screen and (orientation: landscape) {
+ .container {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+ @supports (padding: env(safe-area-inset-right)) {
+ .container {
+ padding: 0 calc(env(safe-area-inset-right)) 0 calc(env(safe-area-inset-left));
+ }
+ }
+ @supports (padding: constant(safe-area-inset-right)) {
+ .container {
+ padding: 0 calc(constant(safe-area-inset-right)) 0 calc(constant(safe-area-inset-left));
+ }
+ }
+}
+::-webkit-scrollbar {
+ width: 3px;
+ height: 3px;
+}
+::-webkit-scrollbar-thumb {
+ background: var(--orange-alpha-dark);
+ border-radius: 2px;
+}
+::-webkit-scrollbar-track {
+ background: 0 0;
+}
+.header_example {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 13px 16px 12px 24px;
+ border-bottom: 1px solid var(--gray-600);
+ background: var(--gray-000);
+}
+@media screen and (max-width: 1023px) {
+ .header_example {
+ padding: 20px 24px 19px 32px;
+ }
+ @supports (padding: env(safe-area-inset-right)) {
+ .header_example {
+ padding: 20px calc(24px + env(safe-area-inset-right)) 19px calc(32px + env(safe-area-inset-left));
+ }
+ }
+ @supports (padding: constant(safe-area-inset-right)) {
+ .header_example {
+ padding: 20px calc(24px + constant(safe-area-inset-right)) 19px calc(32px + constant(safe-area-inset-left));
+ }
+ }
+}
+@media screen and (max-width: 639px) {
+ .header_example {
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 10;
+ padding: 20px 24px 19px 16px;
+ }
+ @supports (padding: env(safe-area-inset-right)) {
+ .header_example {
+ padding: 20px calc(24px + env(safe-area-inset-right)) 19px calc(16px + env(safe-area-inset-left));
+ }
+ }
+ @supports (padding: constant(safe-area-inset-right)) {
+ .header_example {
+ padding: 20px calc(24px + constant(safe-area-inset-right)) 19px calc(16px + constant(safe-area-inset-left));
+ }
+ }
+}
+.header_example .nav {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.header_example .nav_text {
+ position: relative;
+ margin-left: 16px;
+ padding-left: 16px;
+ font-size: 0.8rem;
+ line-height: 1.34;
+ font-weight: 500;
+ color: var(--gray-800);
+}
+.header_example .nav_text::before {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 1px;
+ height: 16px;
+ background-color: var(--gray-400);
+ vertical-align: middle;
+ content: '';
+}
+.header_example .nav .btn,
+.header_example .nav .user {
+ height: 32px;
+ padding: 8px 12px;
+ font-size: 1.2rem;
+ line-height: 1.34;
+ font-weight: 500;
+}
+.header_example .nav .btn:first-of-type,
+.header_example .nav .user:first-of-type {
+ margin-left: 24px;
+}
+.header_example .nav .btn + .btn,
+.header_example .nav .user + .btn {
+ margin-left: 16px;
+}
+@media screen and (max-width: 639px) {
+ .header_example .nav .btn {
+ display: none;
+ }
+}
+.header_example .nav .user {
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ color: var(--gray-000);
+ border-radius: 4px;
+}
+@media screen and (max-width: 639px) {
+ .header_example .nav .user {
+ display: none;
+ }
+}
+.header_example .logo {
+ width: 40px;
+ height: 38px;
+}
+@media screen and (max-width: 1023px) {
+ .header_example .logo {
+ width: 24px;
+ height: 24px;
+ }
+}
+.header_example .logo a {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+.header_example .logo svg {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+@media screen and (max-width: 639px) {
+ .header_example .btn_box {
+ display: none;
+ }
+}
+.header_example .btn_box .btn {
+ width: 32px;
+ height: 32px;
+ padding: 0;
+ border: none;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.header_example .btn_box .icon {
+ width: 100%;
+ height: 100%;
+}
+.header_example .btn_box .btn_grid {
+ padding: 8px;
+}
+.header_example .menu_user_list {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ margin: 0 32px;
+ color: var(--gray-000);
+}
+.header_example .menu_user_list .icon svg path {
+ fill: #fff;
+}
+.dashboard {
+ border-radius: 4px;
+}
+.dashboard_top {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 7px;
+ border-bottom: 1px solid var(--gray-400);
+}
+.dashboard_content {
+ position: relative;
+ height: 260px;
+}
+.dashboard .btn_box {
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ padding: 7px;
+}
+.dashboard .btn_box .guide {
+ padding-left: 4px;
+ padding-bottom: 4px;
+ font-size: 1rem;
+ line-height: 1;
+ font-weight: 500;
+ color: var(--gray-500);
+}
+.dashboard .btn_box .btn_expand {
+ position: static;
+ margin-left: auto;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: none;
+}
+.dashboard .btn_box .btn_expand.is_disabled,
+.dashboard .btn_box .btn_expand:disabled {
+ background-color: var(--gray-300);
+ color: #fff;
+}
+.dashboard .user {
+ padding: 5px 13px;
+ border-radius: 4px;
+ font-size: 1.2rem;
+ line-height: 1.34;
+ font-weight: 500;
+ color: #fff;
+}
+.dashboard .user_list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.dashboard .user_list .user_item {
+ margin-left: 8px;
+}
+.dashboard .user_list .user_item:first-child {
+ margin-left: 0;
+}
+.dashboard .user_list .icon svg path {
+ fill: #fff;
+}
+.darkmode .header_example .logo svg [fill='#514C49'] {
+ fill: var(--gray-100);
+}
+.wrap {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ width: 100%;
+ min-width: 320px;
+ min-height: 100%;
+ background-color: var(--gray-000);
+}
+@media screen and (max-width: 1023px) {
+ .wrap {
+ overflow: initial;
+ }
+}
+@-webkit-keyframes gradient1 {
+ 0% {
+ opacity: 0;
+ }
+ 15% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@keyframes gradient1 {
+ 0% {
+ opacity: 0;
+ }
+ 15% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@-webkit-keyframes gradient2 {
+ 0% {
+ opacity: 0;
+ }
+ 15% {
+ opacity: 0;
+ }
+ 40% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@keyframes gradient2 {
+ 0% {
+ opacity: 0;
+ }
+ 15% {
+ opacity: 0;
+ }
+ 40% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@-webkit-keyframes gradient3 {
+ 0% {
+ opacity: 0;
+ }
+ 15% {
+ opacity: 1;
+ }
+ 65% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@keyframes gradient3 {
+ 0% {
+ opacity: 0;
+ }
+ 15% {
+ opacity: 1;
+ }
+ 65% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@-webkit-keyframes gradient4 {
+ 0% {
+ opacity: 0;
+ }
+ 15% {
+ opacity: 0;
+ }
+ 40% {
+ opacity: 1;
+ }
+ 65% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@keyframes gradient4 {
+ 0% {
+ opacity: 0;
+ }
+ 15% {
+ opacity: 0;
+ }
+ 40% {
+ opacity: 1;
+ }
+ 65% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@-webkit-keyframes point-text {
+ 0% {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9754), to(#f96767));
+ background-image: linear-gradient(180deg, #ff9754 0, #f96767 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+ 40% {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#84b5ff), to(#855cf9));
+ background-image: linear-gradient(180deg, #84b5ff 0, #855cf9 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+ 50% {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#8decec), to(#3c9af1));
+ background-image: linear-gradient(180deg, #8decec 0, #3c9af1 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+ 90% {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fc94d8), to(#f44954));
+ background-image: linear-gradient(180deg, #fc94d8 0, #f44954 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+ 100% {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9754), to(#f96767));
+ background-image: linear-gradient(180deg, #ff9754 0, #f96767 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+}
+@keyframes point-text {
+ 0% {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9754), to(#f96767));
+ background-image: linear-gradient(180deg, #ff9754 0, #f96767 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+ 40% {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#84b5ff), to(#855cf9));
+ background-image: linear-gradient(180deg, #84b5ff 0, #855cf9 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+ 50% {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#8decec), to(#3c9af1));
+ background-image: linear-gradient(180deg, #8decec 0, #3c9af1 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+ 90% {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fc94d8), to(#f44954));
+ background-image: linear-gradient(180deg, #fc94d8 0, #f44954 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+ 100% {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9754), to(#f96767));
+ background-image: linear-gradient(180deg, #ff9754 0, #f96767 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+}
+html {
+ scroll-padding-top: 70px;
+}
+.examples_page .top_banner {
+ padding-top: 54px;
+ padding-bottom: 100px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_page .top_banner {
+ padding-top: 50px;
+ padding-bottom: 32px;
+ }
+}
+@media screen and (max-width: 1023px) {
+ .examples_page .top_banner .img_box {
+ width: 250px;
+ height: 298px;
+ }
+}
+.examples_page .title_group {
+ padding-top: 70px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_page .title_group {
+ padding-top: 19px;
+ }
+}
+.examples_page .content {
+ max-width: 1120px;
+ margin: 0 auto;
+ padding: 120px 40px 240px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+@media screen and (max-width: 1023px) {
+ .examples_page .content {
+ width: 100%;
+ max-width: none;
+ padding: 80px 32px 160px;
+ }
+}
+@media screen and (max-width: 639px) {
+ .examples_page .content {
+ padding: 80px 16px 96px;
+ }
+}
+.examples_page .content_inner {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+@media screen and (max-width: 1023px) {
+ .examples_page .content_inner {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+}
+.examples_page .navigator {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ position: -webkit-sticky;
+ position: sticky;
+ top: 120px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.examples_page .navigator_list {
+ min-width: 248px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_page .navigator {
+ display: none;
+ }
+}
+.examples_page .filter {
+ display: none;
+}
+@media screen and (max-width: 1023px) {
+ .examples_page .filter {
+ display: block;
+ margin-bottom: 16px;
+ padding: 0;
+ }
+}
+@media screen and (max-width: 1023px) {
+ .examples_page .filter_list {
+ border-bottom: none;
+ }
+}
+@media screen and (max-width: 1023px) {
+ .examples_page .filter_desc {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+@media screen and (max-width: 1023px) {
+ .examples_page .filter .dropdown {
+ right: auto;
+ left: 0;
+ margin-top: 0;
+ }
+}
+@media screen and (max-width: 639px) {
+ .examples_page .filter .dropdown {
+ right: 0;
+ }
+}
+.examples_page .grid_list {
+ margin-left: 86px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_page .grid_list {
+ margin-left: 0;
+ }
+}
+.examples_page .grid_item {
+ max-width: 336px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_page .grid_item {
+ max-width: none;
+ }
+}
+.examples_page .grid_item:only-child {
+ min-width: 694px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_page .grid_item:only-child {
+ min-width: auto;
+ }
+}
+.examples_page .grid_card {
+ overflow: hidden;
+}
+.examples_page .grid_thumbnail img {
+ width: 100%;
+ height: auto;
+ vertical-align: top;
+ aspect-ratio: 1200/750;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+.darkmode .examples_page .grid_thumbnail [fill='#FEFDFB'],
+.darkmode .examples_page .grid_thumbnail [fill='url(#pattern0)'],
+.darkmode .examples_page .grid_thumbnail [fill='url(#pattern1)'],
+.darkmode .examples_page .grid_thumbnail [fill='white'] {
+ fill: var(--gray-000);
+}
+.darkmode .examples_page .grid_thumbnail [fill='#332E2B'] {
+ fill: var(--gray-50);
+}
+.examples_view_page {
+ max-width: 2560px;
+ margin: 0 auto;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page {
+ max-width: none;
+ }
+}
+.examples_view_page .container {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+.examples_view_page .container .link {
+ text-decoration: underline;
+}
+.examples_view_page .sidebar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ width: 512px;
+ max-height: calc(100vh - 64px);
+ padding: 24px 17px 24px 24px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-right: 1px solid var(--gray-400);
+ background: var(--gray-000);
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .sidebar {
+ width: 360px;
+ padding-left: 16px;
+ }
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .sidebar {
+ width: 100%;
+ max-height: none;
+ padding-right: 16px;
+ border-right: none;
+ -webkit-transition: none;
+ transition: none;
+ }
+}
+.examples_view_page .sidebar.type_shadow {
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 1;
+ height: 100%;
+}
+.examples_view_page .sidebar.type_shadow:not(.is_hide) {
+ -webkit-box-shadow: 8px 0 24px rgba(0, 0, 0, 0.16);
+ box-shadow: 8px 0 24px rgba(0, 0, 0, 0.16);
+}
+.examples_view_page .sidebar.type_shadow ~ .content {
+ margin-left: 64px;
+}
+.examples_view_page .sidebar.is_hide {
+ margin-left: -446px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .sidebar.is_hide {
+ margin-left: -294px;
+ }
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .sidebar.is_hide {
+ margin-left: 0;
+ }
+}
+.examples_view_page .sidebar.is_hide .codeblock_box,
+.examples_view_page .sidebar.is_hide .codeblock_navigator,
+.examples_view_page .sidebar.is_hide .guide_box,
+.examples_view_page .sidebar.is_hide .sidebar_bottom {
+ display: none;
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .sidebar.is_hide .codeblock_box,
+ .examples_view_page .sidebar.is_hide .codeblock_navigator,
+ .examples_view_page .sidebar.is_hide .guide_box,
+ .examples_view_page .sidebar.is_hide .sidebar_bottom {
+ display: block;
+ }
+}
+.examples_view_page .sidebar.is_hide .btn_toggle {
+ margin-top: 2px;
+}
+.examples_view_page .sidebar.is_hide .btn_toggle .icon {
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg);
+}
+.examples_view_page .sidebar.type_wide {
+ width: 50%;
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .sidebar.type_wide {
+ width: 100%;
+ }
+}
+.examples_view_page .sidebar.type_wide.is_hide {
+ width: 74px;
+ margin-left: 0;
+}
+.examples_view_page .sidebar.type_wide .codeblock_group {
+ overflow-y: overlay;
+ position: relative;
+ height: calc(100% - 180px);
+ margin-top: 24px;
+ padding: 31px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 1px solid var(--gray-400);
+ border-bottom: 0;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .sidebar.type_wide .codeblock_group {
+ height: calc(100% - 172px);
+ padding: 24px;
+ }
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .sidebar.type_wide .codeblock_group {
+ height: auto;
+ }
+}
+.examples_view_page .sidebar.type_wide .codeblock_group .codeblock_box {
+ height: calc(100% - 152px);
+ padding-bottom: 0;
+ border: none;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .sidebar.type_wide .codeblock_group .codeblock_box {
+ height: calc(100% - 197px);
+ }
+}
+.examples_view_page .sidebar.type_wide .codeblock_group .codeblock {
+ border: 1px solid var(--gray-400);
+}
+.examples_view_page .sidebar_top {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.examples_view_page .sidebar .codeblock_navigator {
+ padding-bottom: 0;
+ border-bottom: none;
+}
+.examples_view_page .sidebar .btn_toggle {
+ height: 32px;
+ margin-left: auto;
+ padding: 5px 7px;
+ border: 1px solid var(--gray-400);
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .sidebar .btn_toggle {
+ display: none;
+ }
+}
+.examples_view_page .sidebar .btn_toggle .icon {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+ color: var(--gray-600);
+}
+.examples_view_page .sidebar .guide_box {
+ overflow-y: overlay;
+ position: relative;
+ height: 100%;
+ margin-top: 24px;
+ padding: 31px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 1px solid var(--gray-400);
+ border-bottom: 0;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .sidebar .guide_box {
+ padding: 24px;
+ }
+}
+.examples_view_page .sidebar .guide_title {
+ margin-bottom: 24px;
+ font-size: 1.2rem;
+ line-height: 1.27;
+ font-weight: 600;
+ color: var(--gray-800);
+ word-break: break-word;
+}
+.examples_view_page .sidebar .guide_sub_title {
+ display: block;
+ margin-top: 23px;
+ padding-top: 24px;
+ border-top: 1px solid var(--gray-400);
+ font-size: 1.6rem;
+ line-height: 1.5;
+ font-weight: 600;
+ color: var(--gray-900);
+}
+.examples_view_page .sidebar .guide_desc {
+ font-size: 1rem;
+ line-height: 1.58;
+ font-weight: 500;
+ color: var(--gray-800);
+ word-break: break-word;
+}
+.examples_view_page .sidebar .codeblock_box {
+ height: 100%;
+ margin-top: 24px;
+ padding-bottom: 24px;
+ border: 1px solid var(--gray-400);
+ border-bottom: 0;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.examples_view_page .sidebar .codeblock_box:only-child {
+ height: 100%;
+ margin-top: 0;
+ padding-bottom: 0;
+ border-bottom: 1px solid var(--gray-400);
+ border-radius: 4px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .sidebar .codeblock_box {
+ height: calc(100% - 170px);
+ }
+}
+.examples_view_page .sidebar .codeblock_box .codeblock {
+ height: 100%;
+ border: 0;
+ background: var(--gray-000);
+ word-break: break-all;
+}
+.examples_view_page .sidebar_bottom {
+ position: relative;
+ z-index: 10;
+ margin-top: auto;
+ padding: 0 31px 35px;
+ border: 1px solid var(--gray-400);
+ border-top: 0;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ background-color: #fff;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .sidebar_bottom {
+ padding: 0 24px 24px;
+ }
+}
+.examples_view_page .sidebar_bottom::before {
+ position: absolute;
+ left: 32px;
+ right: 32px;
+ height: 1px;
+ background-color: var(--gray-400);
+ content: '';
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .sidebar_bottom::before {
+ left: 24px;
+ right: 24px;
+ }
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .sidebar_bottom::before {
+ display: none;
+ }
+}
+.examples_view_page .sidebar_bottom::after {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 20px;
+ right: 20px;
+ z-index: 10;
+ height: 30px;
+ -webkit-box-shadow: 0 15px 14px 0 #fff;
+ box-shadow: 0 15px 14px 0 #fff;
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .sidebar_bottom::after {
+ display: none;
+ }
+}
+.examples_view_page .sidebar_bottom .btn_box {
+ position: relative;
+ z-index: 20;
+ margin-top: 16px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .sidebar_bottom .btn_box {
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ }
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .sidebar_bottom .btn_box {
+ margin-top: 0;
+ padding-top: 16px;
+ border-top: 1px solid var(--gray-400);
+ }
+}
+.examples_view_page .sidebar_bottom .btn_share {
+ -ms-flex-preferred-size: 271px;
+ flex-basis: 271px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .sidebar_bottom .btn_share {
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ margin-top: 8px;
+ margin-left: 0;
+ }
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .sidebar_bottom .btn_share:only-child {
+ margin-top: 0;
+ }
+}
+.examples_view_page .sidebar_bottom .guide_desc {
+ margin-top: 8px;
+ color: var(--gray-400);
+}
+.examples_view_page .sidebar .video_box {
+ display: none;
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .sidebar .video_box {
+ background-color: pink;
+ display: block;
+ margin-top: 24px;
+ }
+}
+.examples_view_page .sidebar .video_box video {
+ display: block;
+ width: 100%;
+}
+.examples_view_page .sidebar .folder_box {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ height: 100%;
+ max-height: calc(100% - 124px);
+ margin-top: 16px;
+ border: 1px solid var(--gray-400);
+ border-radius: 4px;
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .sidebar .folder_box {
+ display: none;
+ }
+}
+.examples_view_page .sidebar .folder_box .folder_list {
+ overflow-y: auto;
+ -ms-flex-preferred-size: 30%;
+ flex-basis: 30%;
+ min-width: 150px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ border-right: 1px solid var(--gray-400);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.examples_view_page .sidebar .folder_box .folder_item {
+ margin-top: 4px;
+}
+.examples_view_page .sidebar .folder_box .folder_item:first-child {
+ margin-top: 0;
+}
+.examples_view_page .sidebar .folder_box .folder_item.is_active .name {
+ font-weight: 600;
+ color: var(--orange-dark);
+}
+.examples_view_page .sidebar .folder_box .folder_sub_list {
+ padding-top: 4px;
+ padding-left: 24px;
+}
+.examples_view_page .sidebar .folder_box .folder_sub_list .btn_folder {
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.examples_view_page .sidebar .folder_box .btn_folder {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ padding: 3px 14px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 400;
+ text-align: left;
+}
+.examples_view_page .sidebar .folder_box .btn_folder:hover .name {
+ font-weight: 600;
+}
+.examples_view_page .sidebar .folder_box .btn_folder .icon {
+ margin-right: 4px;
+ width: 16px;
+}
+.examples_view_page .sidebar .folder_box .btn_folder .icon svg {
+ width: 100%;
+ height: 100%;
+}
+.examples_view_page .sidebar .folder_box .btn_folder .icon svg path {
+ fill: var(--gray-800);
+}
+.examples_view_page .sidebar .folder_box .btn_folder .name {
+ -ms-flex-preferred-size: calc(100% - 22px);
+ flex-basis: calc(100% - 22px);
+ word-break: break-all;
+ color: var(--gray-800);
+ font-size: 1.2rem;
+ line-height: 1.5;
+ font-weight: 400;
+}
+.examples_view_page .sidebar .folder_box .file_title {
+ display: block;
+ height: 32px;
+ border-bottom: 1px solid var(--gray-400);
+ border-top-right-radius: 4px;
+ background-color: var(--gray-000);
+ color: var(--gray-800);
+ font-size: 1.4rem;
+ line-height: 2.29;
+ font-weight: 600;
+ text-align: center;
+}
+.examples_view_page .sidebar .folder_box .codeblock_area {
+ overflow-x: auto;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -ms-flex-preferred-size: 70%;
+ flex-basis: 70%;
+}
+.examples_view_page .sidebar .folder_box .codeblock_box {
+ height: calc(100% - 33px);
+ margin-top: 0;
+ padding-bottom: 0;
+ border: none;
+ border-radius: 0;
+ font-size: 14px;
+}
+.examples_view_page .sidebar .folder_box .codeblock {
+ border-radius: 0;
+}
+.examples_view_page .accordion_list {
+ margin-top: 23px;
+ padding: 0;
+}
+.examples_view_page .accordion_list .accordion_item {
+ margin-top: 8px;
+ border: 1px solid var(--gray-400);
+ border-radius: 4px;
+}
+.examples_view_page .accordion_list .accordion_item:first-child {
+ margin-top: 0;
+}
+.examples_view_page .accordion_list .accordion_btn {
+ padding: 15px;
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 600;
+ color: var(--gray-800);
+}
+.examples_view_page .accordion_list .accordion_btn .icon {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ width: 16px;
+ height: 16px;
+ margin-left: auto;
+ margin-right: 0;
+ color: var(--gray-600);
+}
+.examples_view_page .accordion_list .accordion_btn .icon svg {
+ width: 100%;
+ height: 100%;
+}
+.examples_view_page .accordion_list .accordion_btn.is_active .icon {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.examples_view_page .accordion_list .accordion_btn.is_active ~ .accordion_content {
+ padding-top: 9px;
+}
+.examples_view_page .accordion_list .accordion_content {
+ padding-bottom: 15px;
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 500;
+}
+.examples_view_page .content {
+ overflow-y: auto;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ max-height: calc(100vh - 112px);
+ padding: 24px;
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .content {
+ display: none;
+ }
+}
+.examples_view_page .content.dual_view {
+ max-height: calc(100vh - 64px);
+ padding: 0;
+}
+.examples_view_page .content.show_view {
+ overflow: hidden;
+ max-height: calc(100vh - 64px);
+ padding: 0;
+}
+.examples_view_page .content.content_view {
+ max-height: calc(100vh - 64px);
+ padding: 0;
+}
+.examples_view_page .content.content_view .accordion_list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ gap: 16px;
+ margin-top: 0;
+ padding: 64px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .content.content_view .accordion_list {
+ padding: 40px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+}
+.examples_view_page .content.content_view .accordion_list .accordion_item {
+ width: calc(50% - 8px);
+ margin-top: 0;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .content.content_view .accordion_list .accordion_item {
+ width: 100%;
+ }
+}
+.examples_view_page .dual_view .grid_list2 {
+ height: calc(100% - 113px);
+ padding: 23px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.examples_view_page .dual_view .dashboard {
+ height: 100%;
+}
+.examples_view_page .dual_view .dashboard_content {
+ height: calc(100% - 42px);
+}
+.examples_view_page .grid_view .dashboard_top {
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding-top: 0;
+}
+.examples_view_page .grid_view .user {
+ margin-top: 8px;
+}
+.examples_view_page .grid_view .user_list {
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-left: -8px;
+}
+.examples_view_page .grid_view .user_item {
+ margin: 8px 0 0 8px;
+}
+.examples_view_page .grid_view .user_item:first-child {
+ margin-left: 8px;
+}
+.examples_view_page .full_view .comment_view {
+ min-width: 300px;
+}
+.examples_view_page .pin_box {
+ overflow: hidden;
+ position: relative;
+ width: 100%;
+ height: 113px;
+ padding-right: 48px;
+ border-bottom: 1px solid var(--gray-400);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.examples_view_page .pin_box::before {
+ position: absolute;
+ top: 0;
+ right: 48px;
+ bottom: 3px;
+ z-index: 1;
+ width: 25px;
+ background: -webkit-gradient(linear, right top, left top, from(var(--gray-000)), to(transparent));
+ background: linear-gradient(270deg, var(--gray-000), transparent);
+ content: '';
+}
+.examples_view_page .pin_list {
+ overflow-x: overlay;
+ position: relative;
+ height: 100%;
+ padding: 32px 24px 32px 22px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ font-size: 0;
+ line-height: normal;
+ white-space: nowrap;
+}
+.examples_view_page .pin_item {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative;
+ height: 100%;
+ padding: 8px 47px 8px 15px;
+ border: 1px solid var(--gray-400);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 4px;
+}
+.examples_view_page .pin_item.is_active {
+ border-color: var(--blue-0);
+}
+.examples_view_page .pin_item + .pin_item {
+ margin-left: 16px;
+}
+.examples_view_page .pin_item .user {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.examples_view_page .pin_item .user .icon {
+ width: 9px;
+ height: 9px;
+ margin-right: 8px;
+ border-radius: 50%;
+}
+.examples_view_page .pin_item .btn_box {
+ margin-left: 16px;
+}
+.examples_view_page .pin_item .btn {
+ padding: 7px;
+}
+.examples_view_page .system_view {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative;
+ height: 206px;
+ padding-right: 48px;
+ border-bottom: 1px solid var(--gray-400);
+}
+.examples_view_page .system_view::before {
+ position: absolute;
+ top: 0;
+ right: 48px;
+ bottom: 3px;
+ z-index: 1;
+ width: 25px;
+ background: -webkit-gradient(linear, right top, left top, from(var(--gray-000)), to(transparent));
+ background: linear-gradient(270deg, var(--gray-000), transparent);
+ content: '';
+}
+.examples_view_page .system_view .system_view_list {
+ overflow-x: overlay;
+ padding: 32px 24px 24px;
+ text-align: center;
+ font-size: 0;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ white-space: nowrap;
+}
+.examples_view_page .system_view .system_view_item {
+ display: inline-block;
+ position: relative;
+ text-align: center;
+}
+.examples_view_page .system_view .system_view_item .icon {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.examples_view_page .system_view .system_view_item:hover .btn_close {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.examples_view_page .system_view .system_view_item + .system_view_item {
+ margin-left: 24px;
+}
+.examples_view_page .system_view .system_link .img_box {
+ width: 192px;
+ height: 126px;
+ border-radius: 4px;
+ border: 1px solid var(--gray-400);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.examples_view_page .system_view .system_link .img_box svg {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+.examples_view_page .system_view .system_link.is_active .img_box {
+ border-color: var(--blue-0);
+}
+.examples_view_page .system_view .system_name {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin-top: 8px;
+ font-size: 1.2rem;
+ line-height: 1.34;
+ font-weight: 500;
+ color: var(--gray-800);
+}
+.examples_view_page .system_view .system_name .icon {
+ margin-right: 8px;
+}
+.examples_view_page .system_view .btn_close {
+ display: none;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ position: absolute;
+ top: -8px;
+ left: -8px;
+ width: 26px;
+ height: 26px;
+ border-radius: 50%;
+ border: 1px solid var(--gray-400);
+ background: var(--gray-000);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.examples_view_page .system_view .btn_close .icon {
+ width: 10px;
+ height: 10px;
+}
+.examples_view_page .system_view .btn_expand {
+ border: 1px solid var(--blue-0);
+ background: rgba(109, 180, 245, 0.24);
+ color: var(--blue-0);
+}
+.examples_view_page .show_view_inner {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ height: calc(100% - 207px);
+ padding: 48px 24px 24px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.examples_view_page .show_view_inner .dashboard {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ max-width: 1200px;
+ width: 100%;
+ height: 100%;
+ border: 1px solid var(--gray-400);
+}
+.examples_view_page .show_view_inner .dashboard_content {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .show_view_inner .dashboard_content {
+ overflow-x: auto;
+ height: 100%;
+ }
+}
+.examples_view_page .show_view_inner .dashboard .user {
+ padding: 5px 12px;
+}
+.examples_view_page .show_view_inner .comment_view {
+ min-width: 240px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .show_view_inner .comment_view {
+ position: relative;
+ border-right: none;
+ }
+}
+.examples_view_page .show_view_inner .comment_view .comment_box {
+ padding: 10px 16px 24px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .show_view_inner .comment_view .comment_box {
+ overflow-y: initial;
+ position: relative;
+ }
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .show_view_inner .comment_view .comment_box::before {
+ position: absolute;
+ top: 0;
+ right: -1px;
+ bottom: 0;
+ z-index: 1;
+ width: 1px;
+ background-color: var(--gray-400);
+ content: '';
+ }
+}
+.examples_view_page .show_view_inner .comment_view .toggle_box {
+ padding: 10px 16px;
+}
+.examples_view_page .show_view_inner .comment_view .comment_item {
+ margin: 0 35px 0 29px;
+}
+.examples_view_page .show_view_inner .comment_view .comment_item::before {
+ left: -30px;
+}
+.examples_view_page .show_view_inner .comment_view .user_list {
+ right: -36px;
+}
+.examples_view_page .show_view_inner .comment_view .btn_add {
+ margin: 10px 35px 0 29px;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .show_view_inner .view_box {
+ overflow: initial;
+ }
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .show_view_inner .view_box .view_list {
+ overflow-y: initial;
+ min-width: 300px;
+ height: auto;
+ padding-bottom: 161px;
+ border-left: 1px solid var(--gray-400);
+ }
+}
+.examples_view_page .show_view_inner .mini_map {
+ top: 50px;
+ right: 10px;
+ width: 121px;
+ height: 236px;
+}
+.examples_view_page .full_view_inner {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ width: auto;
+ height: calc(100% + 48px);
+ margin: -24px;
+}
+.examples_view_page .mini_map {
+ position: absolute;
+ width: 192px;
+ height: 373px;
+ top: 16px;
+ right: 16px;
+ padding: 8px 16px;
+ border-radius: 4px;
+ border: 1px solid var(--gray-400);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ background: var(--gray-000);
+}
+.examples_view_page .mini_map_header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-bottom: 8px;
+ border-bottom: 1px solid var(--gray-400);
+}
+.examples_view_page .mini_map_header .title {
+ padding: 4px 0;
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 500;
+ color: var(--gray-800);
+}
+.examples_view_page .mini_map_header .btn_minimize {
+ color: var(--gray-500);
+}
+.examples_view_page .palette {
+ position: absolute;
+ left: 50%;
+ bottom: 40px;
+ z-index: 1;
+ width: 608px;
+ height: 48px;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ background-color: #9acd32;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .palette {
+ width: 300px;
+ }
+}
+.examples_view_page .menu_user_list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ gap: 8px;
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .menu_user_list {
+ display: none;
+ }
+}
+.examples_view_page .comment_view {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ width: 33.17%;
+ height: 100%;
+ border-right: 1px solid var(--gray-400);
+ background: var(--gray-000);
+}
+.examples_view_page .comment_view .toggle_box {
+ padding: 16px 24px;
+ border-bottom: 1px solid var(--gray-400);
+}
+.examples_view_page .comment_view .toggle_box .input_toggle_box {
+ vertical-align: top;
+}
+.examples_view_page .comment_view .comment_box {
+ overflow-y: overlay;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding: 16px 24px;
+}
+.examples_view_page .comment_view .comment_list {
+ counter-reset: comment;
+}
+.examples_view_page .comment_view .comment_item {
+ position: relative;
+ margin: 0 46px 0 34px;
+ padding: 10px;
+ border-radius: 2px;
+ border: 1px solid var(--gray-400);
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 400;
+ color: var(--gray-800);
+ counter-increment: comment;
+}
+.examples_view_page .comment_view .comment_item::before {
+ position: absolute;
+ top: 0;
+ left: -34px;
+ font-size: 1.4rem;
+ line-height: 0.93;
+ font-weight: 600;
+ content: '#' counter(comment);
+}
+.examples_view_page .comment_view .comment_item + .comment_item {
+ margin-top: 16px;
+}
+.examples_view_page .comment_view .dialog_list {
+ margin-top: 10px;
+ padding-top: 10px;
+ border-top: 1px solid var(--gray-400);
+}
+.examples_view_page .comment_view .dialog_list .dialog {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.examples_view_page .comment_view .dialog_list .dialog + .dialog {
+ margin-top: 8px;
+}
+.examples_view_page .comment_view .dialog_list .name {
+ padding: 0 5px;
+ border-radius: 2px;
+ border: 1px solid var(--blue-0);
+ background: var(--blue-alpha-0);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-flex: 0;
+ -ms-flex: none;
+ flex: none;
+}
+.examples_view_page .comment_view .dialog_list .name.green {
+ background: var(--green-alpha-0);
+ border-color: var(--green-0);
+}
+.examples_view_page .comment_view .dialog_list .name.red {
+ background: var(--red-alpha-0);
+ border-color: var(--red-0);
+}
+.examples_view_page .comment_view .dialog_list .chat {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.examples_view_page .comment_view .dialog_list .chat::before {
+ margin: 0 4px;
+ content: ':';
+}
+.examples_view_page .comment_view .user_list {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: absolute;
+ right: -46px;
+ top: 0;
+ color: var(--gray-000);
+ gap: 8px;
+}
+.examples_view_page .comment_view .user_list .user_item {
+ margin: 0;
+}
+.examples_view_page .comment_view .user_list .icon svg path {
+ fill: #fff;
+}
+.examples_view_page .comment_view .btn_add {
+ position: static;
+ width: -webkit-fill-available;
+ height: 48px;
+ margin: 16px 46px 0 34px;
+ border: 1px solid var(--gray-400);
+ border-radius: 4px;
+ color: var(--gray-400);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.examples_view_page .view_box {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+}
+.examples_view_page .view_box .view_list {
+ padding: 24px 24px 157px;
+ overflow-y: overlay;
+ height: 100%;
+ counter-reset: view;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.examples_view_page .view_box .view_item {
+ position: relative;
+ padding: 24px;
+ text-align: center;
+ border: 1px dashed var(--gray-600);
+ counter-increment: view;
+}
+.examples_view_page .view_box .view_item::before {
+ position: absolute;
+ top: 8px;
+ left: 16px;
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 500;
+ color: var(--gray-800);
+ content: '#' counter(view);
+}
+.examples_view_page .view_box .view_item + .view_item {
+ margin-top: 16px;
+}
+.examples_view_page .view_box .view_item.is_active {
+ border-color: var(--blue-dark);
+}
+.examples_view_page .view_box .view_item.is_active::before {
+ color: var(--blue-dark);
+}
+.examples_view_page .view_box .view_item img {
+ display: block;
+ width: 100%;
+}
+.examples_view_page .btn_add {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 48px;
+ height: 100%;
+ margin-left: 0;
+ border-radius: 0;
+}
+.examples_view_page .btn_expand {
+ overflow: hidden;
+ -webkit-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ position: absolute;
+ top: 7px;
+ right: 7px;
+ max-width: 32px;
+ height: 32px;
+ padding: 7px;
+ -webkit-transition: all 0.5s linear;
+ transition: all 0.5s linear;
+}
+.examples_view_page .btn_expand .text {
+ display: block;
+ overflow: hidden;
+ margin-left: 0;
+ font-size: 1.2rem;
+ line-height: 1.34;
+ font-weight: 500;
+ color: var(--gray-000);
+ white-space: nowrap;
+}
+.examples_view_page .btn_expand .icon {
+ -webkit-box-flex: 0;
+ -ms-flex: none;
+ flex: none;
+}
+.examples_view_page .btn_expand:hover:not(.is_disabled) {
+ max-width: 100%;
+ background: var(--blue-0);
+ color: var(--gray-000);
+}
+.examples_view_page .btn_expand.is_disabled {
+ cursor: auto;
+ border-color: var(--gray-300);
+ background-color: var(--gray-300);
+ color: var(--gray-000);
+}
+.examples_view_page .code_view {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-height: none;
+ padding: 0;
+}
+@media screen and (max-width: 639px) {
+ .examples_view_page .code_view {
+ display: none;
+ }
+}
+.examples_view_page .code_view .pin_box {
+ height: 81px;
+}
+.examples_view_page .code_view .pin_list {
+ padding: 16px 23px;
+}
+.examples_view_page .code_view .pin_item {
+ padding-right: 8px;
+}
+.examples_view_page .code_view .pin_item .btn_box {
+ margin-left: 24px;
+}
+.examples_view_page .code_view .grid_list2 {
+ overflow-y: auto;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ max-height: calc(100vh - 352px);
+ padding: 23px;
+}
+.examples_view_page .code_view .grid_list2 .grid_item:only-child {
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ margin: 0;
+}
+@media screen and (max-width: 1023px) {
+ .examples_view_page .code_view .grid_list2 .grid_item:only-child {
+ height: 100%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+}
+.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n + 2):nth-last-child(-n + 2):first-child,
+.examples_view_page
+ .code_view
+ .grid_list2
+ .grid_item:nth-last-child(n + 2):nth-last-child(-n + 2):first-child
+ ~ .grid_item {
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ margin-top: 23px;
+ margin-left: 0;
+}
+.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n + 2):nth-last-child(-n + 2):first-child {
+ margin-top: 0;
+}
+.examples_view_page .code_view .dashboard {
+ height: 100%;
+}
+.examples_view_page .code_view .dashboard_content {
+ height: calc(100% - 41px);
+ min-height: 226px;
+}
+.examples_view_page .log_box {
+ position: relative;
+ margin-top: auto;
+ padding: 0 23px 23px;
+}
+.examples_view_page .log_box:before {
+ position: absolute;
+ top: -10px;
+ left: 0;
+ right: 0;
+ z-index: 1;
+ background-color: var(--gray-000);
+ height: 10px;
+ content: '';
+}
+.examples_view_page .log_inner {
+ overflow-y: auto;
+ height: 137px;
+ padding: 10px 12px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ background-color: var(--gray-800);
+ border-radius: 4px;
+}
+.examples_view_page .log_title {
+ display: block;
+ margin-bottom: 4px;
+ font-size: 1.4rem;
+ line-height: 1.58;
+ font-weight: 500;
+ color: var(--gray-000);
+}
+.examples_view_page .log_desc {
+ font-size: 1.2rem;
+ line-height: 1.5;
+ font-weight: 400;
+ color: var(--gray-000);
+ word-break: break-word;
+}
+.darkmode .sidebar_bottom {
+ background-color: var(--gray-000);
+}
+.darkmode .sidebar_bottom::after {
+ -webkit-box-shadow: 0 15px 14px 0 var(--gray-000);
+ box-shadow: 0 15px 14px 0 var(--gray-000);
+}
+
+/* Product */
+
+.product_page .prism-code .token {
+ white-space: pre-wrap;
+}
+.darkmode .img_box [fill='#514C49'] {
+ fill: var(--gray-800);
+}
+.darkmode .img_box [fill='white'] {
+ fill: var(--gray-000);
+}
+.darkmode .img_box [stroke='#FEFDFB'] {
+ stroke: var(--gray-000);
+}
+.darkmode .img_box [fill='#FEFDFB'] {
+ fill: var(--gray-000);
+}
+.darkmode .img_box [fill='#FAF8F6'] {
+ fill: var(--gray-50);
+}
+.darkmode .img_box [fill='#E2DEDB'],
+.darkmode .img_box [fill='#EFECEB'],
+.darkmode .img_box [fill='#F5F3F1'] {
+ fill: var(--gray-100);
+}
+.darkmode .img_box [stroke='#EFECEB'] {
+ stroke: var(--gray-50);
+}
+.darkmode .img_box [stroke='#514C49'],
+.darkmode .img_box [stroke='#E2DEDB'] {
+ stroke: var(--gray-100);
+}
+.darkmode .img_box [fill='black'] {
+ fill: var(--gray-900);
+}
+.darkmode .img_box [fill='#FEFDFB'] {
+ fill: var(--gray-000);
+}
+.darkmode .img_box [fill='#332E2B'] + [fill='#514C49'] {
+ fill: var(--gray-100);
+}
+
+/* Header */
+.header {
+ background-color: var(--gray-000);
+}
+.footer .logo svg path:nth-child(-n + 7) {
+ fill: var(--gray-800);
+}
+.header .logo svg path:nth-child(n + 5) {
+ fill: var(--gray-800);
+}
diff --git a/tsconfig.json b/tsconfig.json
index 4341203..b02784e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -17,8 +17,13 @@
"baseUrl": ".",
"paths": {
"@/*": ["*"]
- }
+ },
+ "plugins": [
+ {
+ "name": "next"
+ }
+ ]
},
- "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
"exclude": ["node_modules"]
}