@yourbestsoft/studio-screen-ui-kit 0.0.7 → 0.0.9

package/dist/index.js

@@ -1,5 +1,5 @@
-import { D as H, B as F, u as J } from "./ToolIconButton-uQjlHv_6.js";
-import { a as an, d as ln, b as rn, c as dn, C as hn, e as _n, g as un, S as mn, h as pn, T as gn, i as fn, j as yn, f as kn } from "./ToolIconButton-uQjlHv_6.js";
+import { D as H, B as F, u as J } from "./ToolIconButton-Ch07gB2_.js";
+import { a as an, d as ln, b as rn, c as dn, C as hn, e as _n, g as un, S as mn, h as pn, T as gn, i as fn, j as yn, f as kn } from "./ToolIconButton-Ch07gB2_.js";
 import { jsx as s, jsxs as g, Fragment as Q } from "react/jsx-runtime";
 import m from "classnames";
 import { useState as k, useEffect as K, useCallback as M, useRef as G } from "react";

package/dist/index2.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import m from "classnames";
 import { Image as h, Video as g, FileQuestion as p, HardDriveDownload as u, Share2 as y, PencilRuler as I } from "lucide-react";
-import { d as l, e as o, B as v } from "./ToolIconButton-uQjlHv_6.js";
-import { k as U, u as X } from "./ToolIconButton-uQjlHv_6.js";
+import { d as l, e as o, B as v } from "./ToolIconButton-Ch07gB2_.js";
+import { k as U, u as X } from "./ToolIconButton-Ch07gB2_.js";
 import "react";
 const f = [
   "png",
@@ -32,7 +32,7 @@ function C(t) {
   const r = t.split(".").pop()?.toLowerCase();
   return r ? f.includes(r) ? "image" : N.includes(r) ? "video" : "unknown" : "unknown";
 }
-const H = "_root_y0usf_1", b = "_cardList_y0usf_5", S = "_cardItemHeader_y0usf_16", T = "_cardItemHeaderIcon_y0usf_23", k = "_cardItemHeaderTitle_y0usf_28", x = "_cardItemHeaderAction_y0usf_34", q = "_cardItemContentImg_y0usf_38", a = {
+const H = "_root_y0usf_1", b = "_cardList_y0usf_5", S = "_cardItemHeader_y0usf_16", T = "_cardItemHeaderIcon_y0usf_23", k = "_cardItemHeaderTitle_y0usf_28", x = "_cardItemHeaderAction_y0usf_34", q = "_cardItemContentImg_y0usf_38", i = {
   root: H,
   cardList: b,
   cardItemHeader: S,
@@ -40,37 +40,37 @@ const H = "_root_y0usf_1", b = "_cardList_y0usf_5", S = "_cardItemHeader_y0usf_1
   cardItemHeaderTitle: k,
   cardItemHeaderAction: x,
   cardItemContentImg: q
-}, $ = (t) => {
-  const { className: r, items: n } = t;
-  return /* @__PURE__ */ e("div", { className: m(a.cardList, r), children: n.map((i) => /* @__PURE__ */ e(w, { card: i }, i.image.id)) });
-}, w = ({ card: t }) => {
+}, W = (t) => {
+  const { children: r, className: n } = t;
+  return /* @__PURE__ */ e("div", { className: m(i.cardList, n), children: r });
+}, $ = ({ card: t }) => {
   const r = C(t.image.name);
-  return /* @__PURE__ */ e(l.Root, { style: { borderRadius: "0.5rem" }, children: /* @__PURE__ */ s(l.Content, { className: a.cardItem, children: [
-    /* @__PURE__ */ s("div", { className: a.cardItemHeader, children: [
-      /* @__PURE__ */ e("div", { className: a.cardItemHeaderIcon, children: r === "image" ? /* @__PURE__ */ e(h, { height: 20 }) : r === "video" ? /* @__PURE__ */ e(g, { height: 20 }) : /* @__PURE__ */ e(p, { height: 20 }) }),
-      /* @__PURE__ */ e("h5", { className: a.cardItemHeaderTitle, children: t.image.name }),
-      /* @__PURE__ */ e("div", { className: a.cardItemHeaderAction, children: t.headerAction })
+  return /* @__PURE__ */ e(l.Root, { style: { borderRadius: "0.5rem" }, children: /* @__PURE__ */ s(l.Content, { className: i.cardItem, children: [
+    /* @__PURE__ */ s("div", { className: i.cardItemHeader, children: [
+      /* @__PURE__ */ e("div", { className: i.cardItemHeaderIcon, children: r === "image" ? /* @__PURE__ */ e(h, { height: 20 }) : r === "video" ? /* @__PURE__ */ e(g, { height: 20 }) : /* @__PURE__ */ e(p, { height: 20 }) }),
+      /* @__PURE__ */ e("h5", { className: i.cardItemHeaderTitle, children: t.image.name }),
+      /* @__PURE__ */ e("div", { className: i.cardItemHeaderAction, children: t.headerAction })
     ] }),
-    /* @__PURE__ */ e("div", { className: a.cardItemContent, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: i.cardItemContent, children: /* @__PURE__ */ e(
       "img",
       {
         src: t.image.url,
         alt: t.image.name,
-        className: a.cardItemContentImg
+        className: i.cardItemContentImg
       }
     ) }),
-    t.footerSection && /* @__PURE__ */ e("div", { className: a.cardItemFooter, children: t.footerSection })
+    t.footerSection && /* @__PURE__ */ e("div", { className: i.cardItemFooter, children: t.footerSection })
   ] }) });
-}, L = "_content_1iqyy_1", D = "_card_1iqyy_5", P = "_cardList_1iqyy_12", A = "_cardIcon_1iqyy_19", E = "_cardTitle_1iqyy_28", j = "_cardDescription_1iqyy_33", R = "_red_1iqyy_41", z = "_green_1iqyy_45", B = "_primary_1iqyy_49", c = {
-  content: L,
-  card: D,
-  cardList: P,
-  cardIcon: A,
-  cardTitle: E,
-  cardDescription: j,
-  red: R,
-  green: z,
-  primary: B
+}, w = "_content_1iqyy_1", L = "_card_1iqyy_5", D = "_cardList_1iqyy_12", P = "_cardIcon_1iqyy_19", A = "_cardTitle_1iqyy_28", E = "_cardDescription_1iqyy_33", j = "_red_1iqyy_41", R = "_green_1iqyy_45", z = "_primary_1iqyy_49", c = {
+  content: w,
+  card: L,
+  cardList: D,
+  cardIcon: P,
+  cardTitle: A,
+  cardDescription: E,
+  red: j,
+  green: R,
+  primary: z
 }, G = (t) => {
   const { trigger: r } = t, n = [
     {
@@ -109,31 +109,31 @@ const H = "_root_y0usf_1", b = "_cardList_y0usf_5", S = "_cardItemHeader_y0usf_1
     /* @__PURE__ */ s(o.Content, { className: c.content, children: [
       /* @__PURE__ */ e(o.Title, { children: "Save as..." }),
       /* @__PURE__ */ e(o.Separator, {}),
-      /* @__PURE__ */ e("div", { className: c.cardList, children: n.map((i, d) => /* @__PURE__ */ e(
-        F,
+      /* @__PURE__ */ e("div", { className: c.cardList, children: n.map((a, d) => /* @__PURE__ */ e(
+        B,
         {
-          icon: i.icon,
-          title: i.title,
-          bgColor: i.bgColor,
-          description: i.description,
-          action: i.action,
-          buttonName: i.buttonName
+          icon: a.icon,
+          title: a.title,
+          bgColor: a.bgColor,
+          description: a.description,
+          action: a.action,
+          buttonName: a.buttonName
         },
         d
       )) })
     ] })
   ] });
-}, F = ({
+}, B = ({
   action: t,
   bgColor: r = "primary",
   buttonName: n,
-  description: i,
+  description: a,
   icon: d,
   title: _
 }) => /* @__PURE__ */ s("div", { className: c.card, children: [
   /* @__PURE__ */ e("div", { className: m(c.cardIcon, c[r]), children: d }),
   /* @__PURE__ */ e("h3", { className: c.cardTitle, children: _ }),
-  /* @__PURE__ */ e("p", { className: c.cardDescription, children: i }),
+  /* @__PURE__ */ e("p", { className: c.cardDescription, children: a }),
   /* @__PURE__ */ e(
     v,
     {
@@ -145,7 +145,8 @@ const H = "_root_y0usf_1", b = "_cardList_y0usf_5", S = "_cardItemHeader_y0usf_1
   )
 ] });
 export {
-  $ as CardCollection,
+  W as CardCollection,
+  $ as CardCollectionItem,
   G as SaveModal,
   U as ThemeProvider,
   X as useTheme

package/dist/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","sources":["../src/utils/fileUtils.ts","../src/features/card-collection/CardCollection.tsx","../src/features/save-modal/SaveModal.tsx"],"sourcesContent":["const imageMimeTypes = [\n  'image/png',\n  'image/jpeg',\n  'image/jpg',\n  'image/gif',\n  'image/bmp',\n  'image/webp',\n  'image/svg+xml',\n  'image/x-icon',\n  'image/tiff',\n  'image/heic',\n  'image/heif',\n]\n\nconst videoMimeTypes = [\n  'video/mp4',\n  'video/quicktime',\n  'video/x-msvideo',\n  'video/x-matroska',\n  'video/webm',\n  'video/x-flv',\n  'video/x-ms-wmv',\n  'video/mpeg',\n  'video/3gpp',\n  'video/ogg',\n]\n\nconst imageExtensions = [\n  'png',\n  'jpg',\n  'jpeg',\n  'gif',\n  'bmp',\n  'webp',\n  'svg',\n  'ico',\n  'tiff',\n  'heic',\n  'heif',\n]\n\nconst videoExtensions = [\n  'mp4',\n  'mov',\n  'avi',\n  'mkv',\n  'webm',\n  'flv',\n  'wmv',\n  'mpeg',\n  '3gp',\n  'ogv',\n]\n\nexport type FileType = 'image' | 'video' | 'unknown'\n\nexport function checkFileType(file: File): FileType {\n  const fileType = file.type\n  if (imageMimeTypes.includes(fileType)) return 'image'\n  if (videoMimeTypes.includes(fileType)) return 'video'\n  return 'unknown'\n}\n\nexport function checkFileTypeByExtension(filename: string): FileType {\n  const extension = filename.split('.').pop()?.toLowerCase()\n\n  if (!extension) return 'unknown'\n\n  if (imageExtensions.includes(extension)) return 'image'\n  if (videoExtensions.includes(extension)) return 'video'\n  return 'unknown'\n}\n","import classNames from 'classnames'\nimport { FileQuestion, Image, Video } from 'lucide-react'\nimport { ReactNode } from 'react'\n\nimport { Card } from '../../components'\nimport { checkFileTypeByExtension } from '../../utils'\nimport s from './card-collection.module.scss'\n\ntype Item = {\n  image: {\n    url: string\n    name: string\n    id: string\n  }\n  headerAction?: ReactNode\n  footerSection?: ReactNode\n}\n\ntype Props = {\n  className?: string\n  items: Item[]\n}\n\nexport const CardCollection = (props: Props) => {\n  const { className, items } = props\n\n  return (\n    <div className={classNames(s.cardList, className)}>\n      {items.map((item) => (\n        <CardCollectionItem key={item.image.id} card={item} />\n      ))}\n    </div>\n  )\n}\n\nconst CardCollectionItem = ({ card }: { card: Item }) => {\n  const fileType = checkFileTypeByExtension(card.image.name)\n\n  return (\n    <Card.Root style={{ borderRadius: '0.5rem' }}>\n      <Card.Content className={s.cardItem}>\n        <div className={s.cardItemHeader}>\n          <div className={s.cardItemHeaderIcon}>\n            {fileType === 'image' ? (\n              <Image height={20} />\n            ) : fileType === 'video' ? (\n              <Video height={20} />\n            ) : (\n              <FileQuestion height={20} />\n            )}\n          </div>\n          <h5 className={s.cardItemHeaderTitle}>{card.image.name}</h5>\n          <div className={s.cardItemHeaderAction}>{card.headerAction}</div>\n        </div>\n        <div className={s.cardItemContent}>\n          <img\n            src={card.image.url}\n            alt={card.image.name}\n            className={s.cardItemContentImg}\n          />\n        </div>\n        {card.footerSection && (\n          <div className={s.cardItemFooter}>{card.footerSection}</div>\n        )}\n      </Card.Content>\n    </Card.Root>\n  )\n}\n","import classNames from 'classnames'\nimport { HardDriveDownload, PencilRuler, Share2 } from 'lucide-react'\nimport { ReactNode } from 'react'\n\nimport { Dialog, Button } from '../../components'\nimport style from './save-modal.module.scss'\n\ninterface Props {\n  trigger: ReactNode\n}\n\ninterface SaveOption {\n  icon: ReactNode\n  title: string\n  description: string\n  action: () => void\n  buttonName: string\n  bgColor?: 'red' | 'green' | 'primary'\n}\n\nexport const SaveModal = (props: Props) => {\n  const { trigger } = props\n\n  const saveOptions: SaveOption[] = [\n    {\n      action: () => {\n        console.log('Save to disk action')\n      },\n      bgColor: 'green',\n      buttonName: 'Save file',\n      description: 'Export scene data to a file that can be imported later.',\n      icon: <HardDriveDownload size={45} />,\n      title: 'Save to disk',\n    },\n    {\n      action: () => {\n        console.log('Share link action')\n      },\n      bgColor: 'red',\n      buttonName: 'Share link',\n      description: 'Export a link to share your scene with others.',\n      icon: <Share2 size={45} />,\n      title: 'Share via link',\n    },\n    {\n      action: () => {\n        console.log('Save to Primer+ action')\n      },\n      bgColor: 'primary',\n      buttonName: 'Primer+',\n      description: 'Save the scene in your Primer+ workspace.',\n      icon: <PencilRuler size={45} />,\n      title: 'Primer+',\n    },\n  ]\n\n  return (\n    <Dialog.Root>\n      <Dialog.Trigger>{trigger}</Dialog.Trigger>\n      <Dialog.Content className={style.content}>\n        <Dialog.Title>Save as...</Dialog.Title>\n        <Dialog.Separator />\n        <div className={style.cardList}>\n          {saveOptions.map((option, index) => (\n            <SaveCardOption\n              key={index}\n              icon={option.icon}\n              title={option.title}\n              bgColor={option.bgColor}\n              description={option.description}\n              action={option.action}\n              buttonName={option.buttonName}\n            />\n          ))}\n        </div>\n      </Dialog.Content>\n    </Dialog.Root>\n  )\n}\n\nconst SaveCardOption = ({\n  action,\n  bgColor = 'primary',\n  buttonName,\n  description,\n  icon,\n  title,\n}: SaveOption) => {\n  return (\n    <div className={style.card}>\n      <div className={classNames(style.cardIcon, style[bgColor])}>{icon}</div>\n      <h3 className={style.cardTitle}>{title}</h3>\n      <p className={style.cardDescription}>{description}</p>\n      <Button\n        onClick={action}\n        fullWidth\n        className={classNames(style.button, style[bgColor])}\n      >\n        {buttonName}\n      </Button>\n    </div>\n  )\n}\n"],"names":["imageExtensions","videoExtensions","checkFileTypeByExtension","filename","extension","CardCollection","props","className","items","jsx","classNames","s","item","CardCollectionItem","card","fileType","Card","jsxs","Image","Video","FileQuestion","SaveModal","trigger","saveOptions","HardDriveDownload","Share2","PencilRuler","Dialog","style","option","index","SaveCardOption","action","bgColor","buttonName","description","icon","title","Button"],"mappings":"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"}
+{"version":3,"file":"index2.js","sources":["../src/utils/fileUtils.ts","../src/features/card-collection/CardCollection.tsx","../src/features/save-modal/SaveModal.tsx"],"sourcesContent":["const imageMimeTypes = [\n  'image/png',\n  'image/jpeg',\n  'image/jpg',\n  'image/gif',\n  'image/bmp',\n  'image/webp',\n  'image/svg+xml',\n  'image/x-icon',\n  'image/tiff',\n  'image/heic',\n  'image/heif',\n]\n\nconst videoMimeTypes = [\n  'video/mp4',\n  'video/quicktime',\n  'video/x-msvideo',\n  'video/x-matroska',\n  'video/webm',\n  'video/x-flv',\n  'video/x-ms-wmv',\n  'video/mpeg',\n  'video/3gpp',\n  'video/ogg',\n]\n\nconst imageExtensions = [\n  'png',\n  'jpg',\n  'jpeg',\n  'gif',\n  'bmp',\n  'webp',\n  'svg',\n  'ico',\n  'tiff',\n  'heic',\n  'heif',\n]\n\nconst videoExtensions = [\n  'mp4',\n  'mov',\n  'avi',\n  'mkv',\n  'webm',\n  'flv',\n  'wmv',\n  'mpeg',\n  '3gp',\n  'ogv',\n]\n\nexport type FileType = 'image' | 'video' | 'unknown'\n\nexport function checkFileType(file: File): FileType {\n  const fileType = file.type\n  if (imageMimeTypes.includes(fileType)) return 'image'\n  if (videoMimeTypes.includes(fileType)) return 'video'\n  return 'unknown'\n}\n\nexport function checkFileTypeByExtension(filename: string): FileType {\n  const extension = filename.split('.').pop()?.toLowerCase()\n\n  if (!extension) return 'unknown'\n\n  if (imageExtensions.includes(extension)) return 'image'\n  if (videoExtensions.includes(extension)) return 'video'\n  return 'unknown'\n}\n","import classNames from 'classnames'\nimport { FileQuestion, Image, Video } from 'lucide-react'\nimport { ReactNode } from 'react'\n\nimport { Card } from '../../components'\nimport { checkFileTypeByExtension } from '../../utils'\nimport s from './card-collection.module.scss'\n\ntype Item = {\n  image: {\n    url: string\n    name: string\n    id: string\n  }\n  headerAction?: ReactNode\n  footerSection?: ReactNode\n}\n\ntype Props = {\n  className?: string\n  children: ReactNode\n}\n\nexport const CardCollection = (props: Props) => {\n  const { children, className } = props\n\n  return <div className={classNames(s.cardList, className)}>{children}</div>\n}\n\nexport const CardCollectionItem = ({ card }: { card: Item }) => {\n  const fileType = checkFileTypeByExtension(card.image.name)\n\n  return (\n    <Card.Root style={{ borderRadius: '0.5rem' }}>\n      <Card.Content className={s.cardItem}>\n        <div className={s.cardItemHeader}>\n          <div className={s.cardItemHeaderIcon}>\n            {fileType === 'image' ? (\n              <Image height={20} />\n            ) : fileType === 'video' ? (\n              <Video height={20} />\n            ) : (\n              <FileQuestion height={20} />\n            )}\n          </div>\n          <h5 className={s.cardItemHeaderTitle}>{card.image.name}</h5>\n          <div className={s.cardItemHeaderAction}>{card.headerAction}</div>\n        </div>\n        <div className={s.cardItemContent}>\n          <img\n            src={card.image.url}\n            alt={card.image.name}\n            className={s.cardItemContentImg}\n          />\n        </div>\n        {card.footerSection && (\n          <div className={s.cardItemFooter}>{card.footerSection}</div>\n        )}\n      </Card.Content>\n    </Card.Root>\n  )\n}\n","import classNames from 'classnames'\nimport { HardDriveDownload, PencilRuler, Share2 } from 'lucide-react'\nimport { ReactNode } from 'react'\n\nimport { Dialog, Button } from '../../components'\nimport style from './save-modal.module.scss'\n\ninterface Props {\n  trigger: ReactNode\n}\n\ninterface SaveOption {\n  icon: ReactNode\n  title: string\n  description: string\n  action: () => void\n  buttonName: string\n  bgColor?: 'red' | 'green' | 'primary'\n}\n\nexport const SaveModal = (props: Props) => {\n  const { trigger } = props\n\n  const saveOptions: SaveOption[] = [\n    {\n      action: () => {\n        console.log('Save to disk action')\n      },\n      bgColor: 'green',\n      buttonName: 'Save file',\n      description: 'Export scene data to a file that can be imported later.',\n      icon: <HardDriveDownload size={45} />,\n      title: 'Save to disk',\n    },\n    {\n      action: () => {\n        console.log('Share link action')\n      },\n      bgColor: 'red',\n      buttonName: 'Share link',\n      description: 'Export a link to share your scene with others.',\n      icon: <Share2 size={45} />,\n      title: 'Share via link',\n    },\n    {\n      action: () => {\n        console.log('Save to Primer+ action')\n      },\n      bgColor: 'primary',\n      buttonName: 'Primer+',\n      description: 'Save the scene in your Primer+ workspace.',\n      icon: <PencilRuler size={45} />,\n      title: 'Primer+',\n    },\n  ]\n\n  return (\n    <Dialog.Root>\n      <Dialog.Trigger>{trigger}</Dialog.Trigger>\n      <Dialog.Content className={style.content}>\n        <Dialog.Title>Save as...</Dialog.Title>\n        <Dialog.Separator />\n        <div className={style.cardList}>\n          {saveOptions.map((option, index) => (\n            <SaveCardOption\n              key={index}\n              icon={option.icon}\n              title={option.title}\n              bgColor={option.bgColor}\n              description={option.description}\n              action={option.action}\n              buttonName={option.buttonName}\n            />\n          ))}\n        </div>\n      </Dialog.Content>\n    </Dialog.Root>\n  )\n}\n\nconst SaveCardOption = ({\n  action,\n  bgColor = 'primary',\n  buttonName,\n  description,\n  icon,\n  title,\n}: SaveOption) => {\n  return (\n    <div className={style.card}>\n      <div className={classNames(style.cardIcon, style[bgColor])}>{icon}</div>\n      <h3 className={style.cardTitle}>{title}</h3>\n      <p className={style.cardDescription}>{description}</p>\n      <Button\n        onClick={action}\n        fullWidth\n        className={classNames(style.button, style[bgColor])}\n      >\n        {buttonName}\n      </Button>\n    </div>\n  )\n}\n"],"names":["imageExtensions","videoExtensions","checkFileTypeByExtension","filename","extension","CardCollection","props","children","className","jsx","classNames","s","CardCollectionItem","card","fileType","Card","jsxs","Image","Video","FileQuestion","SaveModal","trigger","saveOptions","HardDriveDownload","Share2","PencilRuler","Dialog","style","option","index","SaveCardOption","action","bgColor","buttonName","description","icon","title","Button"],"mappings":"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"}

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Assistant:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";._text_4m304_1,._tertiary_4m304_1,._secondary_4m304_1,._primary_4m304_1{display:inline-flex;justify-content:center;cursor:pointer;user-select:none;width:fit-content;gap:.625em;min-height:2.25em;padding:.625em;font-weight:var(--font-weight-medium);text-align:center;border-radius:var(--border-radius-m)}._text_4m304_1:focus,._tertiary_4m304_1:focus,._secondary_4m304_1:focus,._primary_4m304_1:focus{outline:none}._text_4m304_1:focus-visible,._tertiary_4m304_1:focus-visible,._secondary_4m304_1:focus-visible,._primary_4m304_1:focus-visible{outline:2px solid var(--color-accent-700)}._primary_4m304_1{color:var(--color-light-100);background-color:var(--color-accent-500)}._primary_4m304_1:hover{background-color:var(--color-accent-300)}._primary_4m304_1:active{background-color:var(--color-accent-700)}._secondary_4m304_1{color:var(--color-light-100);background-color:var(--color-dark-300)}._secondary_4m304_1:focus-visible{outline:1px solid var(--color-accent-300)}._secondary_4m304_1:hover{background-color:var(--color-dark-100)}._secondary_4m304_1:active{background-color:var(--color-dark-400)}._tertiary_4m304_1{border:1px solid currentcolor}._fullWidth_4m304_50{width:100%}._buttonWithIcon_4m304_54{display:flex;justify-content:space-between;align-items:center;gap:.625em;width:100%}._buttonWithIcon_4m304_54 ._content_4m304_61{display:flex;align-items:center;gap:.625em}._buttonWithIcon_4m304_54 svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}._buttonWithIcon_4m304_54 ._shortcut_4m304_70{opacity:.6}._text_4m304_1:hover,._tertiary_4m304_1:hover{background-color:var(--color-accent-100)}._text_4m304_1:active,._tertiary_4m304_1:active{background-color:var(--color-accent-300);outline:1px solid var(--color-accent-700)}._disabled_4m304_82{cursor:not-allowed;pointer-events:none;opacity:.65}._content_23x5h_1,._header_23x5h_1{display:flex;flex-direction:column;gap:.75rem}._root_23x5h_7{background-color:var(--bg-color);box-shadow:var(--box-shadow);border-radius:.125rem;padding:.75rem}._header_23x5h_1{display:flex;align-items:flex-start;gap:.75rem;font-size:1.25rem;border-bottom:1px solid var(--dialog-border-color);padding:0 0 .75rem}._header_23x5h_1+._contentAfterHeader_23x5h_22{padding-top:1.125rem}._root_1xfv8_1{display:inline-block;position:relative}._dropdownContent_1xfv8_6{position:absolute;background-color:var(--bg-modal-color);border-radius:var(--border-radius-lg);margin-top:.5rem;padding:.5rem;box-shadow:var(--box-shadow);z-index:1000;min-width:200px}._left_1xfv8_17{left:0}._center_1xfv8_21{left:50%;transform:translate(-50%)}._right_1xfv8_26{right:20%}._top_1xfv8_30{bottom:100%}._bottom_1xfv8_34{top:100%}._fixedPosition_1xfv8_38{position:fixed;left:5%}._dialogRoot_c30vs_1{position:relative}._dialogTrigger_c30vs_5{border:none;background:none;padding:0;cursor:pointer;font:inherit}._dialogContent_c30vs_13{padding:.5rem;background-color:var(--bg-modal-color);border-radius:8px;border:none;box-shadow:var(--box-shadow)}._dialogContent_c30vs_13::backdrop{background-color:#00000080}._dialogClose_c30vs_25{border:none;background:none;padding:0;cursor:pointer;font:inherit}._dialogTitle_c30vs_33{font-size:1.5rem;padding-block:.5rem}._dialogSeparator_c30vs_38{height:1px;background-color:var(--color-light-500);margin:10px 0}:root{--sidebar-width: 250px;--sidebar-height: 100vh;--sidebar-bg: var(--color-dark-300);--sidebar-color: var(--color-light-500);--animation-duration: .3s;--sidebar-zIndex-trigger: 10;--sidebar-zIndex-content: 100}._sidebar_dg2au_12{width:100%}._trigger_dg2au_16{position:relative;z-index:var(--sidebar-zIndex-trigger)}._content_dg2au_21{width:var(--sidebar-width);height:var(--sidebar-height);background:var(--sidebar-bg);color:var(--sidebar-color);padding:1rem;box-shadow:var(--box-shadow, 0 4px 6px rgba(0, 0, 0, .1));position:fixed;top:0;transition:transform var(--animation-duration) ease-in-out;z-index:var(--sidebar-zIndex-content)}._left_dg2au_34{left:0;transform:translate(-100%)}._left_dg2au_34._open_dg2au_38{transform:translate(0)}._right_dg2au_42{right:0;transform:translate(100%)}._right_dg2au_42._open_dg2au_38{transform:translate(0)}._bottom_dg2au_50{inset:auto 0 0;height:fit-content;width:100%;transform:translateY(100%)}._bottom_dg2au_50._open_dg2au_38{transform:translateY(0)}._top_dg2au_63{inset:0 0 auto;height:fit-content;width:100%;transform:translateY(-100%)}._top_dg2au_63._open_dg2au_38{transform:translateY(0)}._switcher_k6tdq_1{display:flex;gap:.5rem;align-items:center}._switcher_k6tdq_1 ._buttons_k6tdq_6{display:flex;gap:.5rem}._switcher_k6tdq_1 ._separator_k6tdq_10{width:1px;height:1.5rem;border-radius:var(--border-radius-lg);background-color:var(--color-light-700)}:root{--head-color: var(--color-light-900);--cell-color: var(--color-light-100);--caption-color: var(--color-light-700);--footer-background: var(--color-dark-100)}:root[data-theme=light]{--head-color: var(--color-dark-300);--cell-color: var(--color-dark-900);--footer-background: var(--color-light-900)}._root_w2o37_13{width:100%;border-spacing:0;caption-side:bottom}._header_w2o37_19{border-bottom:1px solid var(--color-dark-100)}._footer_w2o37_23{width:100%;background-color:var(--color-dark-100)}._row_w2o37_28{border-bottom:1px solid var(--color-dark-100);display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}._row_w2o37_28:hover{background-color:var(--color-dark-300)}._body_w2o37_40{display:flex;flex-direction:column;justify-content:center}._head_w2o37_19,._cell_w2o37_47{justify-items:flex-start;padding:.5rem;font-size:14px;width:100%}._cell_w2o37_47{color:var(--cell-color)}._head_w2o37_19{color:var(--head-color);font-weight:500;text-align:start}._caption_w2o37_64{margin-top:1rem;color:var(--caption-color)}._storiesFooterCellOne_w2o37_69{vertical-align:middle}._storiesFooterCellTwo_w2o37_72{text-align:end}._inputContainer_iqbs3_1{position:relative;width:100%;background-color:inherit}._inputContainer_iqbs3_1 input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}._input_iqbs3_1{display:flex;width:100%;padding-inline:16px;padding-block:12px;color:var(--color-dark-100);background-color:var(--color-light-500);border:1px solid transparent;border-radius:16px;font-size:var(--font-weight-bold);line-height:var(--line-height-m)}._input_iqbs3_1:disabled{color:var(--color-dark-300)}._input_iqbs3_1:focus{color:var(--color-dark-300);border-color:var(--color-accent-500)}._input_iqbs3_1:hover{color:var(--color-dark-100);border-color:var(--color-dark-100)}._input_iqbs3_1:active:enabled{border-color:var(--color-light-100)}._input_iqbs3_1:focus-visible{border-color:var(--color-dark-100)}._input_iqbs3_1._inputSearch_iqbs3_40{padding-inline:50px 34px}._input_iqbs3_1._inputSearch_iqbs3_40._error_iqbs3_43{color:var(--color-danger-300);border-color:var(--color-danger-300)}._input_iqbs3_1._inputSearch_iqbs3_40._error_iqbs3_43::placeholder{color:red}._input_iqbs3_1._error_iqbs3_43{color:var(--color-danger-300);border-color:var(--color-danger-300)}._input_iqbs3_1._error_iqbs3_43::placeholder{color:red}._button_iqbs3_58{position:absolute;top:16px;right:15px;width:20px;height:20px;padding:0;background-color:inherit;border:0}._button_iqbs3_58._buttonWithLabel_iqbs3_68{cursor:pointer;bottom:8px}._resetSearchValue_iqbs3_73{color:var(--color-dark-100)}._resetSearchValue_iqbs3_73:hover{color:var(--color-danger-300)}._searchOutline_iqbs3_80{position:absolute;top:14px;left:16px;color:var(--color-dark-100)}._errorMessage_iqbs3_87{position:absolute;font-size:var(--font-size-s);line-height:var(--line-height-m);color:var(--color-danger-300)}._root_17w6h_1{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}._icon_17w6h_11{display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-lg);width:var(--button-size-lg);height:var(--button-size-lg);transition:background-color .2s ease}._icon_17w6h_11:hover{background-color:var(--color-accent-100)}._icon_17w6h_11:active,._icon_17w6h_11._active_17w6h_27{background-color:var(--color-accent-300);border:1px solid var(--color-accent-300)}._icon_17w6h_11._disabled_17w6h_31{opacity:.6;cursor:not-allowed;background-color:var(--color-light-700)}._icon_17w6h_11._disabled_17w6h_31:hover{background-color:var(--color-light-700)}._icon_17w6h_11 svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}._keybinding_17w6h_44{position:absolute;bottom:4px;right:2px;font-size:.625rem;color:var(--color-dark-300);-webkit-user-select:none;user-select:none}._buttonGroup_ejhd6_1{display:flex;gap:0;border-radius:var(--border-radius-lg);width:fit-content;overflow:hidden}._button_ejhd6_1{display:flex;align-items:center;padding:.5rem;border:none;background-color:var(--color-dark-100);color:#fff;transition:background-color .3s;cursor:pointer}._button_ejhd6_1:hover:not(:disabled){background-color:var(--color-dark-300)}._button_ejhd6_1:active:not(:disabled){background-color:var(--color-dark-500)}._button_ejhd6_1:disabled{background-color:#555;cursor:not-allowed}._button_ejhd6_1 button:focus-visible{outline:2px solid var(--color-dark-500);outline-offset:2px}._button_ejhd6_1 svg{height:var(--icon-size-lg);width:var(--icon-size-lg)}._button_ejhd6_1 ._label_ejhd6_37{height:var(--icon-size-lg);line-height:1rem}._single_ejhd6_42{border-radius:var(--border-radius-lg)}._first_ejhd6_46{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg)}._last_ejhd6_50{border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}._selected_ejhd6_54{background-color:var(--color-dark-500)}._colorButton_wldf2_1{filter:none;transition:background-color .2s ease;display:flex;justify-content:flex-end;align-items:end;padding-right:.25rem;border:.4px solid var(--color-light-700);font-size:var(--font-size-xs);background-color:var(--swatch-color)}._colorButton_wldf2_1:hover{box-shadow:0 0 0 1px var(--color-light-900)}._colorButton_wldf2_1:active{box-shadow:0 0 0 .5px var(--color-accent-700)}._colorButton_wldf2_1:disabled{opacity:.6;cursor:not-allowed}._colorButton_wldf2_1 ._hotkey_wldf2_22{user-select:none}._selected_wldf2_26,._selected_wldf2_26:hover{box-shadow:0 0 0 1px var(--color-accent-700)}._disabled_wldf2_33{opacity:.6;cursor:not-allowed}._disabled_wldf2_33:hover{border-color:transparent}._transparent_wldf2_41{background:url(data:image/png;base64,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) center center;background-size:cover}._small_wldf2_46{width:var(--button-size-xs);height:var(--button-size-xs);border-radius:var(--border-radius-m)}._medium_wldf2_52{width:var(--button-size-m);height:var(--button-size-m);border-radius:var(--border-radius-m)}._large_wldf2_58{width:var(--button-size-xl);height:var(--button-size-xl);border-radius:var(--border-radius-lg)}._content_1ybrq_1{top:-.5rem;left:3rem;max-width:210px;padding-inline:1rem;padding-block:.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}._content_1ybrq_1 ._section_1ybrq_11{display:flex;flex-direction:column;gap:.25rem}._title_1ybrq_17{font-size:var(--font-size-small);font-weight:var(--font-weight-regular)}@media (max-width: 738px){._content_1ybrq_1{top:2rem;left:-5rem}}:root{--iconButton-border: 1px solid var(--color-accent-100);--iconButton-color: var(--color-dark-900)}:root[data-theme=light]{--iconButton-border: 1px solid var(--color-accent-100);--iconButton-color: var(--color-dark-900)}:root[data-theme=dark]{--iconButton-border: 1px solid var(--color-accent-100);--iconButton-color: var(--color-light-500)}._iconButton_yk1r1_14{color:var(--iconButton-color);display:flex;align-items:center;justify-content:center;width:var(--button-size-lg);height:var(--button-size-lg);border-radius:var(--border-radius-lg);transition:background-color .2s ease;border:var(--iconButton-border)}._iconButton_yk1r1_14:disabled{cursor:not-allowed;border:1px solid transparent}._iconButton_yk1r1_14 svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}._primary_yk1r1_34{background-color:var(--color-light-500);border:1px solid var(--color-light-500)}._primary_yk1r1_34:hover{background-color:var(--color-accent-300)}._primary_yk1r1_34:active{background-color:var(--color-accent-300);border-color:var(--color-accent-500)}._secondary_yk1r1_46:hover{background-color:var(--color-accent-100)}._secondary_yk1r1_46:active{background-color:var(--color-accent-500);border-color:var(--color-accent-500)}._transparent_yk1r1_54{border-color:transparent}._transparent_yk1r1_54:hover{background-color:var(--color-accent-100)}._transparent_yk1r1_54:active{background-color:var(--color-accent-300);border-color:var(--color-accent-500)}._selected_yk1r1_65{background-color:var(--color-accent-300);border:1px solid var(--color-accent-300)}._selected_yk1r1_65 ._transparent_yk1r1_54{background-color:var(--color-accent-500);border-color:var(--color-accent-500)}._disabled_yk1r1_74{opacity:.6;cursor:not-allowed;background-color:var(--color-light-700)}._disabled_yk1r1_74:hover{background-color:var(--color-light-700)}._disabled_yk1r1_74:active{border-color:var(--color-light-700);background-color:var(--color-light-700)}._hexInput_x3rtz_1{position:relative;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;max-width:200px;gap:.25rem;align-items:center;overflow:hidden}._hexInput_x3rtz_1 ._inputContainer_x3rtz_11{position:relative;display:flex;align-items:center;max-width:100%;overflow:hidden}._hexInput_x3rtz_1 ._hash_x3rtz_18{position:absolute;left:.5rem;color:var(--color-light-900);pointer-events:none;font-size:var(--font-size-xl)}._hexInput_x3rtz_1 ._input_x3rtz_11{flex:1;padding-left:1.5rem;height:1.875rem;border-radius:var(--border-radius-m);border:1px solid var(--color-light-700);padding-block:.25rem;padding-right:.5rem;max-width:100%;font-size:var(--font-size-m)}._hexInput_x3rtz_1 ._input_x3rtz_11:focus-visible,._hexInput_x3rtz_1 ._input_x3rtz_11:focus{border:1px solid var(--color-accent-700)}._hexInput_x3rtz_1 ._input_x3rtz_11._error_x3rtz_39{border-color:var(--color-error)}._hexInput_x3rtz_1 ._copyButton_x3rtz_42{width:1.875rem;height:1.875rem;align-self:flex-start;border-radius:var(--border-radius-m)}._hexInput_x3rtz_1 ._slot_x3rtz_48{border-left:1px solid var(--color-light-700);position:absolute;right:.5rem;bottom:.22rem;padding-inline:.5rem}._hexInput_x3rtz_1 ._copiedMessage_x3rtz_55{height:1.875rem;position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:2rem;background-color:var(--color-dark-300);color:#fff;padding:4px 8px;border-radius:var(--border-radius-m);font-size:var(--font-size-xs);animation:_fadeInOut_x3rtz_1 2s ease-out}@keyframes _fadeInOut_x3rtz_1{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}._colorsList_1brrj_1{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-auto-rows:auto;grid-column-gap:.25rem;grid-row-gap:.25rem}._shadowList_1srdv_1{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}._shadowText_1srdv_6{display:flex;justify-content:center;align-items:center;font-size:var(--font-size-xs);height:var(--button-size-xl)}._pagination_3kmd4_1{width:100%;max-width:800px;margin:0 auto;padding:20px 15px;user-select:none;display:flex;justify-content:space-between;align-items:center;gap:2rem}._pages_3kmd4_13{display:flex;align-items:center;gap:.5rem}._selectContainer_1kdni_1{position:relative}._selectButton_1kdni_5{display:flex;justify-content:space-between}._selectIcon_1kdni_10{transition:transform 2ms ease-in-out}._selectIconOpen_1kdni_14{transform:rotate(180deg)}._selectMenu_1kdni_18{position:absolute;background-color:var(--bg-modal-color);max-width:max-content;max-height:13rem;overflow-y:auto;overflow-x:hidden;border-radius:var(--border-radius-m);box-shadow:var(--box-shadow);z-index:10}._selectMenu_1kdni_18::-webkit-scrollbar{width:var(--scrollbar-width)}._selectMenu_1kdni_18::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-radius:var(--border-radius-m)}._selectMenu_1kdni_18::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:4px}._selectMenu_1kdni_18::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-bg)}._positionBottomRight_1kdni_44{top:100%;right:0;margin-top:.5rem}._positionBottomLeft_1kdni_50{top:100%;left:0;margin-top:.5rem}._positionTopRight_1kdni_56{bottom:100%;right:0;margin-bottom:.5rem}._positionTopLeft_1kdni_62{bottom:100%;left:0;margin-bottom:.5rem}._positionRight_1kdni_68{top:0;left:100%;margin-left:.5rem}._positionLeft_1kdni_74{top:0;right:100%;margin-right:.5rem}._positionBottom_1kdni_44{top:100%;left:0;margin-top:.5rem}._positionTop_1kdni_56{bottom:100%;left:0;margin-bottom:.5rem}._menuItem_1kdni_92{display:flex;width:200px;align-items:center;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s;border-radius:var(--border-radius-m)}._menuItemSelected_1kdni_102{background-color:var(--color-light-900)}._menuItemHover_1kdni_106:hover{background-color:var(--color-light-700)}._menuItemHighlighted_1kdni_110{background-color:var(--color-light-700);outline:none}:root{--shourtcut-border: 1px solid var(--color-light-700);--shourtcut-title-color: var(--color-dark-900);--shourtcut-item-key-background: var(--color-accent-300);--shourtcut-item-key-color: var(--color-dark-900);--shourtcut-item-description-color: var(--color-dark-900)}:root[data-theme=light]{--shourtcut-border: 1px solid var(--color-light-700);--shourtcut-title-color: var(--color-dark-900);--shourtcut-item-key-background: var(--color-accent-300);--shourtcut-item-key-color: var(--color-dark-900);--shourtcut-item-description-color: var(--color-dark-900)}:root[data-theme=dark]{--shourtcut-border: 1px solid var(--color-light-900);--shourtcut-title-color: var(--color-light-100);--shourtcut-item-key-background: var(--color-accent-500);--shourtcut-item-key-color: var(--color-light-700);--shourtcut-item-description-color: var(--color-light-100)}._groupTitle_eelpn_23{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--shourtcut-title-color);margin-bottom:.625rem}._list_eelpn_30{border:var(--shourtcut-border);border-radius:var(--border-radius-m)}._item_eelpn_35{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:.375rem .75rem}._item_eelpn_35:not(:last-child){border-bottom:var(--shourtcut-border)}._itemKeysVariants_eelpn_45{display:flex;align-items:center;gap:.25rem}._itemKeysSeparator_eelpn_50{color:var(--shourtcut-item-key-color);font-size:var(--font-size-s)}._itemDescription_eelpn_54{font-size:var(--font-size-s);color:var(--shourtcut-item-description-color);white-space:nowrap}._itemKey_eelpn_45{font-size:var(--font-size-xs);line-height:var(--line-height-s);padding:.5rem;background:var(--shourtcut-item-key-background);color:var(--shourtcut-item-key-color);border-radius:var(--border-radius-lg)}._slider-container_1b9o2_1{max-width:300px;outline:none}._slider_1b9o2_1{width:100%;appearance:none;height:6px;border-radius:5px;outline:none;transition:background .3s}._slider_1b9o2_1::-webkit-slider-thumb{appearance:none;width:15px;height:15px;background:var(--color-accent-500);border-radius:50%;cursor:pointer;transition:background .3s}._slider_1b9o2_1::-webkit-slider-thumb:hover{background:var(--color-accent-700)}._slider_1b9o2_1::-webkit-slider-thumb:active{background:var(--color-accent-700)}._slider_1b9o2_1::-moz-range-thumb{width:15px;height:15px;background:var(--color-accent-700);border-radius:50%;cursor:pointer}._focused_1b9o2_37 ._slider_1b9o2_1::-webkit-slider-thumb{background:var(--color-accent-700)}:root{--themeSwitcher-background: var(--color-dark-100);--themeSwitcher-background-btn: var(--color-accent-300);--themeSwitcher-background-btn-selected: var(--color-accent-300);--themeSwitcher-border: var(--color-light-900);--themeSwitcher-selected-color: var(--color-dark-700);--themeSwitcher-color: var(--color-accent-300)}:root[data-theme=light]{--themeSwitcher-background: var(--color-light-100);--themeSwitcher-background-btn: var(--color-accent-500);--themeSwitcher-background-btn-selected: var(--color-accent-500);--themeSwitcher-color: var(--color-accent-500);--themeSwitcher-selected-color: var(--color-light-100);--themeSwitcher-border: var(--color-light-700)}._themeSwitcher_11ggx_18{display:flex;padding:.188rem;border-radius:var(--border-radius-lg);border:.5px solid var(--themeSwitcher-border);width:fit-content;background-color:var(--themeSwitcher-background);color:var(--themeSwitcher-color)}._themeSwitcher_11ggx_18 ._themeButton_11ggx_27{width:2rem;height:1.5rem}._themeSwitcher_11ggx_18 ._themeButton_11ggx_27 ._background_11ggx_31{background-color:var(--bg-color);width:100%;height:30vh;display:flex;align-items:center;justify-content:center}._themeSwitcher_11ggx_18 ._themeButton_11ggx_27:hover{background:none}._themeSwitcher_11ggx_18 ._selectedButton_11ggx_42{background:var(--themeSwitcher-background-btn-selected);color:var(--themeSwitcher-selected-color)}._themeSwitcher_11ggx_18 ._selectedButton_11ggx_42:hover{background:var(--themeSwitcher-background-btn-selected)}:root{--toggleSwitcher-background-color: var(--color-light-500);--toggleSwitcher-border-color: var(--color-light-500);--toggleSwitcher-selected-background: var(--color-accent-500);--toggleSwitcher-selected-color: var(--color-light-500)}:root[data-theme=dark]{--toggleSwitcher-background-color: var(--color-dark-500);--toggleSwitcher-border-color: var(--color-dark-100);--toggleSwitcher-selected-background: var(--color-accent-300);--toggleSwitcher-selected-color: var(--color-dark-500)}._toggleSwitch_1w0s9_14{display:flex;padding:.13rem;border:1px solid var(--toggleSwitcher-border-color);background-color:var(--toggleSwitcher-background-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);width:fit-content}._button_1w0s9_24{height:var(--button-size-lg);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg)}._button_1w0s9_24:hover{background-color:transparent}._button_1w0s9_24:active{border-color:transparent}._button_1w0s9_24 svg{width:var(--icon-size-lg)}._selected_1w0s9_41{background-color:var(--toggleSwitcher-selected-background);color:var(--toggleSwitcher-selected-color)}._selected_1w0s9_41:hover{background-color:var(--toggleSwitcher-selected-background)}._selected_1w0s9_41:focus{background-color:var(--toggleSwitcher-selected-background)}._toolbar_18q11_1{padding:4px;border-radius:var(--border-radius-lg);background-color:var(--bg-color);box-shadow:var(--box-shadow);grid-auto-rows:min-content;display:grid;width:min-content}._separator_18q11_11{background-color:var(--color-light-500);margin:0 .25rem}._vertical_18q11_16{grid-template-columns:auto;grid-auto-rows:min-content;grid-auto-flow:row;gap:.25rem}._vertical_18q11_16 ._separator_18q11_11{width:1.5rem;height:1px;justify-self:center}._horizontal_18q11_28{grid-template-rows:auto;grid-auto-columns:min-content;grid-auto-flow:column;gap:.25rem}._horizontal_18q11_28 ._separator_18q11_11{width:1px;height:1.5rem;align-self:center}._root_y0usf_1{border-radius:var(--border-radius-lg)}._cardList_y0usf_5{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (max-width: 770px){._cardList_y0usf_5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}._cardItemHeader_y0usf_16{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:1rem}._cardItemHeaderIcon_y0usf_23{height:100%;display:flex;align-self:center}._cardItemHeaderTitle_y0usf_28{font-size:.95rem;font-weight:var(--font-weight-regular);text-wrap:nowrap;overflow-x:hidden}._cardItemHeaderAction_y0usf_34{margin-left:auto;display:flex}._cardItemContentImg_y0usf_38{width:100%;border-radius:var(--border-radius-lg)}._content_1iqyy_1{padding:2.5rem}._card_1iqyy_5{display:flex;align-items:center;flex-direction:column;gap:1.5rem;padding:1rem}._cardList_1iqyy_12{margin-top:1rem;display:grid;grid-template-columns:auto auto auto;gap:1rem;max-width:800px}._cardIcon_1iqyy_19{width:90px;height:90px;display:flex;align-items:center;justify-content:center;color:var(--color-light-100);border-radius:50%}._cardTitle_1iqyy_28{font-size:var(--font-size-xxl);text-align:center;font-weight:var(--font-weight-bold)}._cardDescription_1iqyy_33{margin-bottom:auto;text-align:center;font-size:var(--font-size-m);min-height:90px;padding:0 1rem}._red_1iqyy_41{background-color:var(--color-danger-300)}._green_1iqyy_45{background-color:var(--color-success-700)}._primary_1iqyy_49{background-color:var(--color-accent-500)}@media (max-width: 768px){._content_1iqyy_1{width:100vw;height:100vh}._cardList_1iqyy_12{grid-template-columns:1fr}}:root{--color-accent-100: #e3e2fe;--color-accent-300: #cecdff;--color-accent-500: #6965db;--color-accent-700: #363399;--color-accent-900: #292673;--color-success-100: #80ffbf;--color-success-300: #22e584;--color-success-500: #14cc70;--color-success-700: #0f9954;--color-success-900: #0a6638;--color-danger-100: #ff8099;--color-danger-300: #f23d61;--color-danger-500: #cc1439;--color-danger-700: #990f2b;--color-danger-900: #660a1d;--color-warning-100: #ffd073;--color-warning-300: #e5ac39;--color-warning-500: #d99000;--color-warning-700: #960;--color-warning-900: #640;--color-light-100: #fff;--color-light-300: #f7fbff;--color-light-500: #edf3fa;--color-light-700: #d5dae0;--color-light-900: #8d9094;--color-dark-100: #4c4c4c;--color-dark-300: #333;--color-dark-400: #212121;--color-dark-500: #171717;--color-dark-700: #0d0d0d;--color-dark-900: #000}:root{--font-family-primary: "Assistant", "Inter", "Roboto", -apple-system, sans-serif;--line-height-s: 1;--line-height-m: 1.5;--line-height-l: 2;--font-size-xs: .75rem;--font-size-s: .875rem;--font-size-m: 1rem;--font-size-l: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.625rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700}html{font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}input,button,select,textarea,optgroup,option{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;color:inherit}button{padding:0;background-color:transparent;border:none}a{text-decoration:none}:where(a:visited){color:inherit}body{margin:0;padding:0;font-family:var(--font-family-primary),sans-serif;line-height:var(--line-height-m);background-color:var(--bg-color)}:root{--button-size-xs: 1.35rem;--button-size-m: 1.625rem;--button-size-xl: 1.85rem;--button-size-lg: 2.25rem;--icon-size-lg: 1rem;--border-radius-m: .25rem;--border-radius-lg: .5rem;--bg-color: var(--color-light-100);--bg-modal-color: var(--color-light-100);--font-color: var(--color-dark-900);--box-shadow: 0px 0px .9310142993927002px 0px rgba(0, 0, 0, .17), 0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, .08), 0px 7px 14px 0px rgba(0, 0, 0, .05);--dialog-border-color: var(--color-light-500);--swatch-color: var(--color-light-100);--scrollbar-width: .5rem;--scrollbar-track-bg: var(--color-light-100);--scrollbar-thumb-bg: var(--color-light-900);--scrollbar-thumb-hover-bg: var(--color-dark-100);--scrollbar-border-radius: 4px}:root[data-theme=dark]{--bg-color: var(--color-dark-400);--bg-modal-color: var(--color-dark-400);--font-color: var(--color-light-100)}
+@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Assistant:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";._text_4m304_1,._tertiary_4m304_1,._secondary_4m304_1,._primary_4m304_1{display:inline-flex;justify-content:center;cursor:pointer;user-select:none;width:fit-content;gap:.625em;min-height:2.25em;padding:.625em;font-weight:var(--font-weight-medium);text-align:center;border-radius:var(--border-radius-m)}._text_4m304_1:focus,._tertiary_4m304_1:focus,._secondary_4m304_1:focus,._primary_4m304_1:focus{outline:none}._text_4m304_1:focus-visible,._tertiary_4m304_1:focus-visible,._secondary_4m304_1:focus-visible,._primary_4m304_1:focus-visible{outline:2px solid var(--color-accent-700)}._primary_4m304_1{color:var(--color-light-100);background-color:var(--color-accent-500)}._primary_4m304_1:hover{background-color:var(--color-accent-300)}._primary_4m304_1:active{background-color:var(--color-accent-700)}._secondary_4m304_1{color:var(--color-light-100);background-color:var(--color-dark-300)}._secondary_4m304_1:focus-visible{outline:1px solid var(--color-accent-300)}._secondary_4m304_1:hover{background-color:var(--color-dark-100)}._secondary_4m304_1:active{background-color:var(--color-dark-400)}._tertiary_4m304_1{border:1px solid currentcolor}._fullWidth_4m304_50{width:100%}._buttonWithIcon_4m304_54{display:flex;justify-content:space-between;align-items:center;gap:.625em;width:100%}._buttonWithIcon_4m304_54 ._content_4m304_61{display:flex;align-items:center;gap:.625em}._buttonWithIcon_4m304_54 svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}._buttonWithIcon_4m304_54 ._shortcut_4m304_70{opacity:.6}._text_4m304_1:hover,._tertiary_4m304_1:hover{background-color:var(--color-accent-100)}._text_4m304_1:active,._tertiary_4m304_1:active{background-color:var(--color-accent-300);outline:1px solid var(--color-accent-700)}._disabled_4m304_82{cursor:not-allowed;pointer-events:none;opacity:.65}._content_23x5h_1,._header_23x5h_1{display:flex;flex-direction:column;gap:.75rem}._root_23x5h_7{background-color:var(--bg-color);box-shadow:var(--box-shadow);border-radius:.125rem;padding:.75rem}._header_23x5h_1{display:flex;align-items:flex-start;gap:.75rem;font-size:1.25rem;border-bottom:1px solid var(--dialog-border-color);padding:0 0 .75rem}._header_23x5h_1+._contentAfterHeader_23x5h_22{padding-top:1.125rem}._root_1xfv8_1{display:inline-block;position:relative}._dropdownContent_1xfv8_6{position:absolute;background-color:var(--bg-modal-color);border-radius:var(--border-radius-lg);margin-top:.5rem;padding:.5rem;box-shadow:var(--box-shadow);z-index:1000;min-width:200px}._left_1xfv8_17{left:0}._center_1xfv8_21{left:50%;transform:translate(-50%)}._right_1xfv8_26{right:20%}._top_1xfv8_30{bottom:100%}._bottom_1xfv8_34{top:100%}._fixedPosition_1xfv8_38{position:fixed;left:5%}._dialogRoot_c30vs_1{position:relative}._dialogTrigger_c30vs_5{border:none;background:none;padding:0;cursor:pointer;font:inherit}._dialogContent_c30vs_13{padding:.5rem;background-color:var(--bg-modal-color);border-radius:8px;border:none;box-shadow:var(--box-shadow)}._dialogContent_c30vs_13::backdrop{background-color:#00000080}._dialogClose_c30vs_25{border:none;background:none;padding:0;cursor:pointer;font:inherit}._dialogTitle_c30vs_33{font-size:1.5rem;padding-block:.5rem}._dialogSeparator_c30vs_38{height:1px;background-color:var(--color-light-500);margin:10px 0}:root{--sidebar-width: 250px;--sidebar-height: 100vh;--sidebar-bg: var(--color-dark-300);--sidebar-color: var(--color-light-500);--animation-duration: .3s;--sidebar-zIndex-trigger: 10;--sidebar-zIndex-content: 100}._sidebar_dg2au_12{width:100%}._trigger_dg2au_16{position:relative;z-index:var(--sidebar-zIndex-trigger)}._content_dg2au_21{width:var(--sidebar-width);height:var(--sidebar-height);background:var(--sidebar-bg);color:var(--sidebar-color);padding:1rem;box-shadow:var(--box-shadow, 0 4px 6px rgba(0, 0, 0, .1));position:fixed;top:0;transition:transform var(--animation-duration) ease-in-out;z-index:var(--sidebar-zIndex-content)}._left_dg2au_34{left:0;transform:translate(-100%)}._left_dg2au_34._open_dg2au_38{transform:translate(0)}._right_dg2au_42{right:0;transform:translate(100%)}._right_dg2au_42._open_dg2au_38{transform:translate(0)}._bottom_dg2au_50{inset:auto 0 0;height:fit-content;width:100%;transform:translateY(100%)}._bottom_dg2au_50._open_dg2au_38{transform:translateY(0)}._top_dg2au_63{inset:0 0 auto;height:fit-content;width:100%;transform:translateY(-100%)}._top_dg2au_63._open_dg2au_38{transform:translateY(0)}._switcher_k6tdq_1{display:flex;gap:.5rem;align-items:center}._switcher_k6tdq_1 ._buttons_k6tdq_6{display:flex;gap:.5rem}._switcher_k6tdq_1 ._separator_k6tdq_10{width:1px;height:1.5rem;border-radius:var(--border-radius-lg);background-color:var(--color-light-700)}:root{--head-color: var(--color-dark-300);--cell-color: var(--color-dark-900);--footer-background: var(--color-light-900)}:root[data-theme=dark]{--head-color: var(--color-light-900);--cell-color: var(--color-light-100);--caption-color: var(--color-light-700);--footer-background: var(--color-dark-100)}._root_1b0i5_13{width:100%;border-spacing:0;caption-side:bottom}._header_1b0i5_19{border-bottom:1px solid var(--color-dark-100)}._footer_1b0i5_23{width:100%;background-color:var(--color-dark-100)}._row_1b0i5_28{border-bottom:1px solid var(--color-dark-100);display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}._row_1b0i5_28:hover{background-color:var(--color-dark-300);color:var(--color-light-100)}._body_1b0i5_41{display:flex;flex-direction:column;justify-content:center}._head_1b0i5_19,._cell_1b0i5_48{justify-items:flex-start;padding:.5rem;font-size:14px;width:100%}._cell_1b0i5_48{color:var(--cell-color)}._head_1b0i5_19{color:var(--head-color);font-weight:500;text-align:start}._caption_1b0i5_65{margin-top:1rem;color:var(--caption-color)}._storiesFooterCellOne_1b0i5_70{vertical-align:middle}._storiesFooterCellTwo_1b0i5_73{text-align:end}._inputContainer_iqbs3_1{position:relative;width:100%;background-color:inherit}._inputContainer_iqbs3_1 input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}._input_iqbs3_1{display:flex;width:100%;padding-inline:16px;padding-block:12px;color:var(--color-dark-100);background-color:var(--color-light-500);border:1px solid transparent;border-radius:16px;font-size:var(--font-weight-bold);line-height:var(--line-height-m)}._input_iqbs3_1:disabled{color:var(--color-dark-300)}._input_iqbs3_1:focus{color:var(--color-dark-300);border-color:var(--color-accent-500)}._input_iqbs3_1:hover{color:var(--color-dark-100);border-color:var(--color-dark-100)}._input_iqbs3_1:active:enabled{border-color:var(--color-light-100)}._input_iqbs3_1:focus-visible{border-color:var(--color-dark-100)}._input_iqbs3_1._inputSearch_iqbs3_40{padding-inline:50px 34px}._input_iqbs3_1._inputSearch_iqbs3_40._error_iqbs3_43{color:var(--color-danger-300);border-color:var(--color-danger-300)}._input_iqbs3_1._inputSearch_iqbs3_40._error_iqbs3_43::placeholder{color:red}._input_iqbs3_1._error_iqbs3_43{color:var(--color-danger-300);border-color:var(--color-danger-300)}._input_iqbs3_1._error_iqbs3_43::placeholder{color:red}._button_iqbs3_58{position:absolute;top:16px;right:15px;width:20px;height:20px;padding:0;background-color:inherit;border:0}._button_iqbs3_58._buttonWithLabel_iqbs3_68{cursor:pointer;bottom:8px}._resetSearchValue_iqbs3_73{color:var(--color-dark-100)}._resetSearchValue_iqbs3_73:hover{color:var(--color-danger-300)}._searchOutline_iqbs3_80{position:absolute;top:14px;left:16px;color:var(--color-dark-100)}._errorMessage_iqbs3_87{position:absolute;font-size:var(--font-size-s);line-height:var(--line-height-m);color:var(--color-danger-300)}._root_17w6h_1{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}._icon_17w6h_11{display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-lg);width:var(--button-size-lg);height:var(--button-size-lg);transition:background-color .2s ease}._icon_17w6h_11:hover{background-color:var(--color-accent-100)}._icon_17w6h_11:active,._icon_17w6h_11._active_17w6h_27{background-color:var(--color-accent-300);border:1px solid var(--color-accent-300)}._icon_17w6h_11._disabled_17w6h_31{opacity:.6;cursor:not-allowed;background-color:var(--color-light-700)}._icon_17w6h_11._disabled_17w6h_31:hover{background-color:var(--color-light-700)}._icon_17w6h_11 svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}._keybinding_17w6h_44{position:absolute;bottom:4px;right:2px;font-size:.625rem;color:var(--color-dark-300);-webkit-user-select:none;user-select:none}._buttonGroup_ejhd6_1{display:flex;gap:0;border-radius:var(--border-radius-lg);width:fit-content;overflow:hidden}._button_ejhd6_1{display:flex;align-items:center;padding:.5rem;border:none;background-color:var(--color-dark-100);color:#fff;transition:background-color .3s;cursor:pointer}._button_ejhd6_1:hover:not(:disabled){background-color:var(--color-dark-300)}._button_ejhd6_1:active:not(:disabled){background-color:var(--color-dark-500)}._button_ejhd6_1:disabled{background-color:#555;cursor:not-allowed}._button_ejhd6_1 button:focus-visible{outline:2px solid var(--color-dark-500);outline-offset:2px}._button_ejhd6_1 svg{height:var(--icon-size-lg);width:var(--icon-size-lg)}._button_ejhd6_1 ._label_ejhd6_37{height:var(--icon-size-lg);line-height:1rem}._single_ejhd6_42{border-radius:var(--border-radius-lg)}._first_ejhd6_46{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg)}._last_ejhd6_50{border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}._selected_ejhd6_54{background-color:var(--color-dark-500)}._colorButton_wldf2_1{filter:none;transition:background-color .2s ease;display:flex;justify-content:flex-end;align-items:end;padding-right:.25rem;border:.4px solid var(--color-light-700);font-size:var(--font-size-xs);background-color:var(--swatch-color)}._colorButton_wldf2_1:hover{box-shadow:0 0 0 1px var(--color-light-900)}._colorButton_wldf2_1:active{box-shadow:0 0 0 .5px var(--color-accent-700)}._colorButton_wldf2_1:disabled{opacity:.6;cursor:not-allowed}._colorButton_wldf2_1 ._hotkey_wldf2_22{user-select:none}._selected_wldf2_26,._selected_wldf2_26:hover{box-shadow:0 0 0 1px var(--color-accent-700)}._disabled_wldf2_33{opacity:.6;cursor:not-allowed}._disabled_wldf2_33:hover{border-color:transparent}._transparent_wldf2_41{background:url(data:image/png;base64,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) center center;background-size:cover}._small_wldf2_46{width:var(--button-size-xs);height:var(--button-size-xs);border-radius:var(--border-radius-m)}._medium_wldf2_52{width:var(--button-size-m);height:var(--button-size-m);border-radius:var(--border-radius-m)}._large_wldf2_58{width:var(--button-size-xl);height:var(--button-size-xl);border-radius:var(--border-radius-lg)}._content_1ybrq_1{top:-.5rem;left:3rem;max-width:210px;padding-inline:1rem;padding-block:.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}._content_1ybrq_1 ._section_1ybrq_11{display:flex;flex-direction:column;gap:.25rem}._title_1ybrq_17{font-size:var(--font-size-small);font-weight:var(--font-weight-regular)}@media (max-width: 738px){._content_1ybrq_1{top:2rem;left:-5rem}}:root{--iconButton-border: 1px solid var(--color-accent-100);--iconButton-color: var(--color-dark-900)}:root[data-theme=light]{--iconButton-border: 1px solid var(--color-accent-100);--iconButton-color: var(--color-dark-900)}:root[data-theme=dark]{--iconButton-border: 1px solid var(--color-accent-100);--iconButton-color: var(--color-light-500)}._iconButton_yk1r1_14{color:var(--iconButton-color);display:flex;align-items:center;justify-content:center;width:var(--button-size-lg);height:var(--button-size-lg);border-radius:var(--border-radius-lg);transition:background-color .2s ease;border:var(--iconButton-border)}._iconButton_yk1r1_14:disabled{cursor:not-allowed;border:1px solid transparent}._iconButton_yk1r1_14 svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}._primary_yk1r1_34{background-color:var(--color-light-500);border:1px solid var(--color-light-500)}._primary_yk1r1_34:hover{background-color:var(--color-accent-300)}._primary_yk1r1_34:active{background-color:var(--color-accent-300);border-color:var(--color-accent-500)}._secondary_yk1r1_46:hover{background-color:var(--color-accent-100)}._secondary_yk1r1_46:active{background-color:var(--color-accent-500);border-color:var(--color-accent-500)}._transparent_yk1r1_54{border-color:transparent}._transparent_yk1r1_54:hover{background-color:var(--color-accent-100)}._transparent_yk1r1_54:active{background-color:var(--color-accent-300);border-color:var(--color-accent-500)}._selected_yk1r1_65{background-color:var(--color-accent-300);border:1px solid var(--color-accent-300)}._selected_yk1r1_65 ._transparent_yk1r1_54{background-color:var(--color-accent-500);border-color:var(--color-accent-500)}._disabled_yk1r1_74{opacity:.6;cursor:not-allowed;background-color:var(--color-light-700)}._disabled_yk1r1_74:hover{background-color:var(--color-light-700)}._disabled_yk1r1_74:active{border-color:var(--color-light-700);background-color:var(--color-light-700)}._hexInput_x3rtz_1{position:relative;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;max-width:200px;gap:.25rem;align-items:center;overflow:hidden}._hexInput_x3rtz_1 ._inputContainer_x3rtz_11{position:relative;display:flex;align-items:center;max-width:100%;overflow:hidden}._hexInput_x3rtz_1 ._hash_x3rtz_18{position:absolute;left:.5rem;color:var(--color-light-900);pointer-events:none;font-size:var(--font-size-xl)}._hexInput_x3rtz_1 ._input_x3rtz_11{flex:1;padding-left:1.5rem;height:1.875rem;border-radius:var(--border-radius-m);border:1px solid var(--color-light-700);padding-block:.25rem;padding-right:.5rem;max-width:100%;font-size:var(--font-size-m)}._hexInput_x3rtz_1 ._input_x3rtz_11:focus-visible,._hexInput_x3rtz_1 ._input_x3rtz_11:focus{border:1px solid var(--color-accent-700)}._hexInput_x3rtz_1 ._input_x3rtz_11._error_x3rtz_39{border-color:var(--color-error)}._hexInput_x3rtz_1 ._copyButton_x3rtz_42{width:1.875rem;height:1.875rem;align-self:flex-start;border-radius:var(--border-radius-m)}._hexInput_x3rtz_1 ._slot_x3rtz_48{border-left:1px solid var(--color-light-700);position:absolute;right:.5rem;bottom:.22rem;padding-inline:.5rem}._hexInput_x3rtz_1 ._copiedMessage_x3rtz_55{height:1.875rem;position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:2rem;background-color:var(--color-dark-300);color:#fff;padding:4px 8px;border-radius:var(--border-radius-m);font-size:var(--font-size-xs);animation:_fadeInOut_x3rtz_1 2s ease-out}@keyframes _fadeInOut_x3rtz_1{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}._colorsList_1brrj_1{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-auto-rows:auto;grid-column-gap:.25rem;grid-row-gap:.25rem}._shadowList_1srdv_1{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}._shadowText_1srdv_6{display:flex;justify-content:center;align-items:center;font-size:var(--font-size-xs);height:var(--button-size-xl)}._pagination_3kmd4_1{width:100%;max-width:800px;margin:0 auto;padding:20px 15px;user-select:none;display:flex;justify-content:space-between;align-items:center;gap:2rem}._pages_3kmd4_13{display:flex;align-items:center;gap:.5rem}._selectContainer_1kdni_1{position:relative}._selectButton_1kdni_5{display:flex;justify-content:space-between}._selectIcon_1kdni_10{transition:transform 2ms ease-in-out}._selectIconOpen_1kdni_14{transform:rotate(180deg)}._selectMenu_1kdni_18{position:absolute;background-color:var(--bg-modal-color);max-width:max-content;max-height:13rem;overflow-y:auto;overflow-x:hidden;border-radius:var(--border-radius-m);box-shadow:var(--box-shadow);z-index:10}._selectMenu_1kdni_18::-webkit-scrollbar{width:var(--scrollbar-width)}._selectMenu_1kdni_18::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-radius:var(--border-radius-m)}._selectMenu_1kdni_18::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:4px}._selectMenu_1kdni_18::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-bg)}._positionBottomRight_1kdni_44{top:100%;right:0;margin-top:.5rem}._positionBottomLeft_1kdni_50{top:100%;left:0;margin-top:.5rem}._positionTopRight_1kdni_56{bottom:100%;right:0;margin-bottom:.5rem}._positionTopLeft_1kdni_62{bottom:100%;left:0;margin-bottom:.5rem}._positionRight_1kdni_68{top:0;left:100%;margin-left:.5rem}._positionLeft_1kdni_74{top:0;right:100%;margin-right:.5rem}._positionBottom_1kdni_44{top:100%;left:0;margin-top:.5rem}._positionTop_1kdni_56{bottom:100%;left:0;margin-bottom:.5rem}._menuItem_1kdni_92{display:flex;width:200px;align-items:center;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s;border-radius:var(--border-radius-m)}._menuItemSelected_1kdni_102{background-color:var(--color-light-900)}._menuItemHover_1kdni_106:hover{background-color:var(--color-light-700)}._menuItemHighlighted_1kdni_110{background-color:var(--color-light-700);outline:none}:root{--shourtcut-border: 1px solid var(--color-light-700);--shourtcut-title-color: var(--color-dark-900);--shourtcut-item-key-background: var(--color-accent-300);--shourtcut-item-key-color: var(--color-dark-900);--shourtcut-item-description-color: var(--color-dark-900)}:root[data-theme=light]{--shourtcut-border: 1px solid var(--color-light-700);--shourtcut-title-color: var(--color-dark-900);--shourtcut-item-key-background: var(--color-accent-300);--shourtcut-item-key-color: var(--color-dark-900);--shourtcut-item-description-color: var(--color-dark-900)}:root[data-theme=dark]{--shourtcut-border: 1px solid var(--color-light-900);--shourtcut-title-color: var(--color-light-100);--shourtcut-item-key-background: var(--color-accent-500);--shourtcut-item-key-color: var(--color-light-700);--shourtcut-item-description-color: var(--color-light-100)}._groupTitle_eelpn_23{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--shourtcut-title-color);margin-bottom:.625rem}._list_eelpn_30{border:var(--shourtcut-border);border-radius:var(--border-radius-m)}._item_eelpn_35{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:.375rem .75rem}._item_eelpn_35:not(:last-child){border-bottom:var(--shourtcut-border)}._itemKeysVariants_eelpn_45{display:flex;align-items:center;gap:.25rem}._itemKeysSeparator_eelpn_50{color:var(--shourtcut-item-key-color);font-size:var(--font-size-s)}._itemDescription_eelpn_54{font-size:var(--font-size-s);color:var(--shourtcut-item-description-color);white-space:nowrap}._itemKey_eelpn_45{font-size:var(--font-size-xs);line-height:var(--line-height-s);padding:.5rem;background:var(--shourtcut-item-key-background);color:var(--shourtcut-item-key-color);border-radius:var(--border-radius-lg)}._slider-container_1b9o2_1{max-width:300px;outline:none}._slider_1b9o2_1{width:100%;appearance:none;height:6px;border-radius:5px;outline:none;transition:background .3s}._slider_1b9o2_1::-webkit-slider-thumb{appearance:none;width:15px;height:15px;background:var(--color-accent-500);border-radius:50%;cursor:pointer;transition:background .3s}._slider_1b9o2_1::-webkit-slider-thumb:hover{background:var(--color-accent-700)}._slider_1b9o2_1::-webkit-slider-thumb:active{background:var(--color-accent-700)}._slider_1b9o2_1::-moz-range-thumb{width:15px;height:15px;background:var(--color-accent-700);border-radius:50%;cursor:pointer}._focused_1b9o2_37 ._slider_1b9o2_1::-webkit-slider-thumb{background:var(--color-accent-700)}:root{--themeSwitcher-background: var(--color-dark-100);--themeSwitcher-background-btn: var(--color-accent-300);--themeSwitcher-background-btn-selected: var(--color-accent-300);--themeSwitcher-border: var(--color-light-900);--themeSwitcher-selected-color: var(--color-dark-700);--themeSwitcher-color: var(--color-accent-300)}:root[data-theme=light]{--themeSwitcher-background: var(--color-light-100);--themeSwitcher-background-btn: var(--color-accent-500);--themeSwitcher-background-btn-selected: var(--color-accent-500);--themeSwitcher-color: var(--color-accent-500);--themeSwitcher-selected-color: var(--color-light-100);--themeSwitcher-border: var(--color-light-700)}._themeSwitcher_11ggx_18{display:flex;padding:.188rem;border-radius:var(--border-radius-lg);border:.5px solid var(--themeSwitcher-border);width:fit-content;background-color:var(--themeSwitcher-background);color:var(--themeSwitcher-color)}._themeSwitcher_11ggx_18 ._themeButton_11ggx_27{width:2rem;height:1.5rem}._themeSwitcher_11ggx_18 ._themeButton_11ggx_27 ._background_11ggx_31{background-color:var(--bg-color);width:100%;height:30vh;display:flex;align-items:center;justify-content:center}._themeSwitcher_11ggx_18 ._themeButton_11ggx_27:hover{background:none}._themeSwitcher_11ggx_18 ._selectedButton_11ggx_42{background:var(--themeSwitcher-background-btn-selected);color:var(--themeSwitcher-selected-color)}._themeSwitcher_11ggx_18 ._selectedButton_11ggx_42:hover{background:var(--themeSwitcher-background-btn-selected)}:root{--toggleSwitcher-background-color: var(--color-light-500);--toggleSwitcher-border-color: var(--color-light-500);--toggleSwitcher-selected-background: var(--color-accent-500);--toggleSwitcher-selected-color: var(--color-light-500)}:root[data-theme=dark]{--toggleSwitcher-background-color: var(--color-dark-500);--toggleSwitcher-border-color: var(--color-dark-100);--toggleSwitcher-selected-background: var(--color-accent-300);--toggleSwitcher-selected-color: var(--color-dark-500)}._toggleSwitch_1w0s9_14{display:flex;padding:.13rem;border:1px solid var(--toggleSwitcher-border-color);background-color:var(--toggleSwitcher-background-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);width:fit-content}._button_1w0s9_24{height:var(--button-size-lg);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg)}._button_1w0s9_24:hover{background-color:transparent}._button_1w0s9_24:active{border-color:transparent}._button_1w0s9_24 svg{width:var(--icon-size-lg)}._selected_1w0s9_41{background-color:var(--toggleSwitcher-selected-background);color:var(--toggleSwitcher-selected-color)}._selected_1w0s9_41:hover{background-color:var(--toggleSwitcher-selected-background)}._selected_1w0s9_41:focus{background-color:var(--toggleSwitcher-selected-background)}._toolbar_18q11_1{padding:4px;border-radius:var(--border-radius-lg);background-color:var(--bg-color);box-shadow:var(--box-shadow);grid-auto-rows:min-content;display:grid;width:min-content}._separator_18q11_11{background-color:var(--color-light-500);margin:0 .25rem}._vertical_18q11_16{grid-template-columns:auto;grid-auto-rows:min-content;grid-auto-flow:row;gap:.25rem}._vertical_18q11_16 ._separator_18q11_11{width:1.5rem;height:1px;justify-self:center}._horizontal_18q11_28{grid-template-rows:auto;grid-auto-columns:min-content;grid-auto-flow:column;gap:.25rem}._horizontal_18q11_28 ._separator_18q11_11{width:1px;height:1.5rem;align-self:center}._root_y0usf_1{border-radius:var(--border-radius-lg)}._cardList_y0usf_5{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (max-width: 770px){._cardList_y0usf_5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}._cardItemHeader_y0usf_16{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:1rem}._cardItemHeaderIcon_y0usf_23{height:100%;display:flex;align-self:center}._cardItemHeaderTitle_y0usf_28{font-size:.95rem;font-weight:var(--font-weight-regular);text-wrap:nowrap;overflow-x:hidden}._cardItemHeaderAction_y0usf_34{margin-left:auto;display:flex}._cardItemContentImg_y0usf_38{width:100%;border-radius:var(--border-radius-lg)}._content_1iqyy_1{padding:2.5rem}._card_1iqyy_5{display:flex;align-items:center;flex-direction:column;gap:1.5rem;padding:1rem}._cardList_1iqyy_12{margin-top:1rem;display:grid;grid-template-columns:auto auto auto;gap:1rem;max-width:800px}._cardIcon_1iqyy_19{width:90px;height:90px;display:flex;align-items:center;justify-content:center;color:var(--color-light-100);border-radius:50%}._cardTitle_1iqyy_28{font-size:var(--font-size-xxl);text-align:center;font-weight:var(--font-weight-bold)}._cardDescription_1iqyy_33{margin-bottom:auto;text-align:center;font-size:var(--font-size-m);min-height:90px;padding:0 1rem}._red_1iqyy_41{background-color:var(--color-danger-300)}._green_1iqyy_45{background-color:var(--color-success-700)}._primary_1iqyy_49{background-color:var(--color-accent-500)}@media (max-width: 768px){._content_1iqyy_1{width:100vw;height:100vh}._cardList_1iqyy_12{grid-template-columns:1fr}}:root{--color-accent-100: #e3e2fe;--color-accent-300: #cecdff;--color-accent-500: #6965db;--color-accent-700: #363399;--color-accent-900: #292673;--color-success-100: #80ffbf;--color-success-300: #22e584;--color-success-500: #14cc70;--color-success-700: #0f9954;--color-success-900: #0a6638;--color-danger-100: #ff8099;--color-danger-300: #f23d61;--color-danger-500: #cc1439;--color-danger-700: #990f2b;--color-danger-900: #660a1d;--color-warning-100: #ffd073;--color-warning-300: #e5ac39;--color-warning-500: #d99000;--color-warning-700: #960;--color-warning-900: #640;--color-light-100: #fff;--color-light-300: #f7fbff;--color-light-500: #edf3fa;--color-light-700: #d5dae0;--color-light-900: #8d9094;--color-dark-100: #4c4c4c;--color-dark-300: #333;--color-dark-400: #212121;--color-dark-500: #171717;--color-dark-700: #0d0d0d;--color-dark-900: #000}:root{--font-family-primary: "Assistant", "Inter", "Roboto", -apple-system, sans-serif;--line-height-s: 1;--line-height-m: 1.5;--line-height-l: 2;--font-size-xs: .75rem;--font-size-s: .875rem;--font-size-m: 1rem;--font-size-l: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.625rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700}html{font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}input,button,select,textarea,optgroup,option{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;color:inherit}button{padding:0;background-color:transparent;border:none}a{text-decoration:none}:where(a:visited){color:inherit}body{margin:0;padding:0;font-family:var(--font-family-primary),sans-serif;line-height:var(--line-height-m);background-color:var(--bg-color)}:root{--button-size-xs: 1.35rem;--button-size-m: 1.625rem;--button-size-xl: 1.85rem;--button-size-lg: 2.25rem;--icon-size-lg: 1rem;--border-radius-m: .25rem;--border-radius-lg: .5rem;--bg-color: var(--color-light-100);--bg-modal-color: var(--color-light-100);--font-color: var(--color-dark-900);--box-shadow: 0px 0px .9310142993927002px 0px rgba(0, 0, 0, .17), 0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, .08), 0px 7px 14px 0px rgba(0, 0, 0, .05);--dialog-border-color: var(--color-light-500);--swatch-color: var(--color-light-100);--scrollbar-width: .5rem;--scrollbar-track-bg: var(--color-light-100);--scrollbar-thumb-bg: var(--color-light-900);--scrollbar-thumb-hover-bg: var(--color-dark-100);--scrollbar-border-radius: 4px}:root[data-theme=dark]{--bg-color: var(--color-dark-400);--bg-modal-color: var(--color-dark-400);--font-color: var(--color-light-100)}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yourbestsoft/studio-screen-ui-kit",
   "private": false,
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",