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 ( - -
    {children}
-
- ); -} - -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 ( - - ); - }, -); - -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 ( - - ); -} - -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 }) => ( <> - {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 }) => ( <> - {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

    -
    + + 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 ( -
    -
    -

    - - - - Yorkie - -

    - -
    - {isLoggedIn ? ( - + + + + + + + {isLoggedIn ? ( + + ) : isLoggedIn === false ? ( + + - ) : isLoggedIn === false ? ( - <> - - - - ) : null} - -
    -
    -
    + + + ) : 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 ( - - - - - -
    -
      -
    • - - Products - -
    • -
    • - - -
    • -
    • - - 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 ( - - - - - -
    -
      { - 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); - }} - > -
    • - -
    • -
    • - -
    • -
    • - -
    • -
    -
    -
    -
    - ); -} 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 ( - + ); }; 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}`} -
    - -
    +
  • ); })}
      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" > - + } /> @@ -106,11 +106,11 @@ export function DualView() { handlePin('user2'); }} > - + } /> @@ -128,11 +128,11 @@ export function DualView() { handlePin('user3'); }} > - + } /> @@ -150,17 +150,17 @@ export function DualView() { handlePin('user4'); }} > - + } /> 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 = () => {

    Mini Map

    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 = () => {

    Mini Map

    @@ -136,7 +138,7 @@ export function ShowView() {

    @@ -153,12 +155,12 @@ export function ShowView() {

    @@ -174,12 +176,12 @@ export function ShowView() {

    @@ -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} - -
    + - + 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. -

    - - - - - -
    + + + + 404 : not found + +
    + +
    + + + Oops! Wait a minute...
    + Yorkie ate your request +
    + + The page you are looking for might be +
    removed or is temporarily unavailable. +
    + + + + + +
    +
    +
    ); }; 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. -

    - - - - -
    + + + 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. + + + + + + + + + + + +
    ); }; 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. -

    - - - -
    -
    + + + + -
    -
    -
    -
    -
    - -
    - -
    -
      -
    • - -
      - -
      -
      - 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. -

      -
      - -
    • -
    -
    -
    + + + + + + + + + + + + + + + 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 -
    -
    -
    - -
    -
    -

    - Bring - - collaboration - - - to your app -

    - - setBannerActive(true)} - onPointerOut={() => setBannerActive(false)} - > - - - Start for free - - -

    - Unlock the full potential of real-time collaboration with open-source SDKs and API package. -

    -
    -
    -
    -
    -
    -

    Extend Your App with Yorkie

    - - - -
    -
    - + + + + + + + + Bring + + collaboration + + + to your app + + + + + + 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. -

    - - - - -
    -
    -
    -
    -

    - 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. +
    + + + + + + + + + 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], - }); - }} - > -
    • - -
    • -
    • - -
    • - {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' && ( <>
    • - + +
    • - + +
    • - )} -
    - - - - {FEATURES_CODE[activeFeatureCard].tabOrder.map((codeType) => ( - - ))} - - - - - - - -
    -
    - {process.env.NODE_ENV === 'development' && ( + )} */} + + + + + + + {FEATURES_CODE[activeFeatureCard].tabOrder.map((codeType) => ( + + ))} + + + + + + + + + + + {/* {process.env.NODE_ENV === 'development' && (

    What experiences
    @@ -226,103 +356,158 @@ const Home: NextPage = () => {

    - - - + - )} -
    -

    + )} */} + + 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. -

      - -
      -
    • -
    • -
      - -
      -
      - 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. -

      - -
      -
    • -
    • -
      - -
      -
      - 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. -

      - -
      -
    • -
    -
    -
    -
    -

    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. + + + + + + + + + + + + + + + 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. + + + + + + + + + + + + + + + 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. + + + + + + + + + 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 . - -
    -
    -
    - + + + + + - -
    -
    + + + ); }; 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. -

    - - - -
    -
    + + + + -
    -
    -
    -
    -
    -
    -

    - - 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. -

    -
    - - - - - - - - - - - - - -
    - -
    -
    -
    -
    - - 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. + + + + + + + + + + + + + + + + + + + + + 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. -

      -
    • -
    -
    -
    -
    -
    -

    - - Real-time monitoring -
    - anytime, anywhere. -
    -

    -

    - 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. -

    -
    -
    - -
    -
    - -
    -
    -
    -
    -
    -

    - - Build your own -
    - Cluster -
    -

    -

    - 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. -

    -
    - -
    -
    -
    -
    + + + + + + + + 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"] }