@serendie/ui 0.1.12 → 0.1.13

package/dist/preset.js

@@ -0,0 +1,28 @@
+import { SerendieRecipes as e } from "./recipes/index.js";
+import { SerendieTypography as r, SerendieTokens as n } from "./tokens/index.js";
+import { getToken as t } from "./tokens/getToken.js";
+import { SerendieKeyframes as o } from "./tokens/keyframes/index.js";
+const { sd: s } = t(), { themes: f, ...i } = n, k = {
+  name: "serendie",
+  theme: {
+    extend: {
+      breakpoints: {
+        expanded: s.system.dimension.breakpoint.expanded
+      },
+      recipes: e,
+      tokens: {
+        ...i
+      },
+      textStyles: {
+        ...r
+      },
+      keyframes: {
+        ...o
+      }
+    }
+  }
+};
+export {
+  k as SerendiePreset,
+  f as themes
+};

package/dist/recipes/index.js

@@ -0,0 +1,4 @@
+const e = {};
+export {
+  e as SerendieRecipes
+};

package/dist/styles.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+Mono:wght@100..900&family=Roboto:wght@100;400;700&display=swap";@layer reset,base,tokens,recipes,utilities;@layer base{:root{--global-font-body: "Roboto", "Noto Sans JP", sans-serif;--global-font-mono: "Noto Sans Mono", monospace;font-optical-sizing:auto;text-rendering:optimizeLegibility;font-feature-settings:"palt";letter-spacing:.03em}}@layer reset{html,:host{--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5;font-family:var(--global-font-body, var(--font-fallback))}*,:before,:after,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentColor)}hr{height:0px;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-moz-appearance:button;appearance:button;-webkit-appearance:button}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent}::placeholder{opacity:1;--placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);color:var(--global-color-placeholder, var(--placeholder-fallback))}textarea{resize:vertical}table{text-indent:0px;border-collapse:collapse;border-color:inherit}summary{display:list-item}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-feature-settings:normal;font-variation-settings:normal;font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]{display:none!important}}@layer base{:root{--made-with-panda: "🐼"}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}}@layer tokens{:where(:root,:host){--colors-sd-reference-color-scale-white-1000: #FFFFFF;--colors-sd-reference-color-scale-black-1000: #000000;--colors-sd-reference-color-scale-transparency-5: #0000000D;--colors-sd-reference-color-scale-transparency-20: #00000033;--colors-sd-reference-color-scale-transparency-60: #FFFFFF99;--colors-sd-reference-color-scale-gray-100: #EFEEEB;--colors-sd-reference-color-scale-gray-200: #D9D8D3;--colors-sd-reference-color-scale-gray-300: #C8C7C2;--colors-sd-reference-color-scale-gray-400: #AFAEAA;--colors-sd-reference-color-scale-gray-500: #8C8B87;--colors-sd-reference-color-scale-gray-600: #696966;--colors-sd-reference-color-scale-gray-700: #525250;--colors-sd-reference-color-scale-gray-800: #3F3F3D;--colors-sd-reference-color-scale-gray-900: #31312F;--colors-sd-reference-color-scale-gray-1000: #232322;--colors-sd-reference-color-scale-red-100: #FCEBEA;--colors-sd-reference-color-scale-red-200: #FCD6D3;--colors-sd-reference-color-scale-red-300: #FDB9B4;--colors-sd-reference-color-scale-red-400: #FF8F8F;--colors-sd-reference-color-scale-red-500: #F84258;--colors-sd-reference-color-scale-red-600: #CE0037;--colors-sd-reference-color-scale-red-700: #A4002A;--colors-sd-reference-color-scale-red-800: #81001F;--colors-sd-reference-color-scale-red-900: #650417;--colors-sd-reference-color-scale-red-1000: #49060E;--colors-sd-reference-color-scale-chestnut-100: #FAECE6;--colors-sd-reference-color-scale-chestnut-200: #F7D8C9;--colors-sd-reference-color-scale-chestnut-300: #F7C6B0;--colors-sd-reference-color-scale-chestnut-400: #F49567;--colors-sd-reference-color-scale-chestnut-500: #E26324;--colors-sd-reference-color-scale-chestnut-600: #AB4919;--colors-sd-reference-color-scale-chestnut-700: #803510;--colors-sd-reference-color-scale-chestnut-800: #692C0D;--colors-sd-reference-color-scale-chestnut-900: #50230D;--colors-sd-reference-color-scale-chestnut-1000: #371B0B;--colors-sd-reference-color-scale-beige-100: #F7EDE2;--colors-sd-reference-color-scale-beige-200: #F2DBC0;--colors-sd-reference-color-scale-beige-300: #EDC18A;--colors-sd-reference-color-scale-beige-400: #DAA358;--colors-sd-reference-color-scale-beige-500: #AF8245;--colors-sd-reference-color-scale-beige-600: #846132;--colors-sd-reference-color-scale-beige-700: #684C26;--colors-sd-reference-color-scale-beige-800: #503A1C;--colors-sd-reference-color-scale-beige-900: #3E2D17;--colors-sd-reference-color-scale-beige-1000: #2B2013;--colors-sd-reference-color-scale-yellow-100: #FEEDBE;--colors-sd-reference-color-scale-yellow-200: #FFE885;--colors-sd-reference-color-scale-yellow-300: #FFE600;--colors-sd-reference-color-scale-yellow-400: #EDD202;--colors-sd-reference-color-scale-yellow-500: #AC9301;--colors-sd-reference-color-scale-yellow-600: #857100;--colors-sd-reference-color-scale-yellow-700: #5F5100;--colors-sd-reference-color-scale-yellow-800: #4A3E00;--colors-sd-reference-color-scale-yellow-900: #3A3000;--colors-sd-reference-color-scale-yellow-1000: #292200;--colors-sd-reference-color-scale-green-100: #CAF9E6;--colors-sd-reference-color-scale-green-200: #AEEAD5;--colors-sd-reference-color-scale-green-300: #98E1C8;--colors-sd-reference-color-scale-green-400: #6ED0AE;--colors-sd-reference-color-scale-green-500: #40A683;--colors-sd-reference-color-scale-green-600: #2C755C;--colors-sd-reference-color-scale-green-700: #266751;--colors-sd-reference-color-scale-green-800: #184737;--colors-sd-reference-color-scale-green-900: #12372B;--colors-sd-reference-color-scale-green-1000: #0D271E;--colors-sd-reference-color-scale-sky-blue-100: #D9F6FC;--colors-sd-reference-color-scale-sky-blue-200: #C3EFF4;--colors-sd-reference-color-scale-sky-blue-300: #9CE6EC;--colors-sd-reference-color-scale-sky-blue-400: #64CCD3;--colors-sd-reference-color-scale-sky-blue-500: #00A3AF;--colors-sd-reference-color-scale-sky-blue-600: #00757E;--colors-sd-reference-color-scale-sky-blue-700: #015C63;--colors-sd-reference-color-scale-sky-blue-800: #01474C;--colors-sd-reference-color-scale-sky-blue-900: #02373C;--colors-sd-reference-color-scale-sky-blue-1000: #04272A;--colors-sd-reference-color-scale-blue-100: #EFF2FC;--colors-sd-reference-color-scale-blue-200: #D7DEFB;--colors-sd-reference-color-scale-blue-300: #BFCEFC;--colors-sd-reference-color-scale-blue-400: #8FAEFE;--colors-sd-reference-color-scale-blue-500: #428CFE;--colors-sd-reference-color-scale-blue-600: #0A69CF;--colors-sd-reference-color-scale-blue-700: #0650A0;--colors-sd-reference-color-scale-blue-800: #043F81;--colors-sd-reference-color-scale-blue-900: #073165;--colors-sd-reference-color-scale-blue-1000: #081E3F;--colors-sd-reference-color-scale-purple-100: #F4ECF6;--colors-sd-reference-color-scale-purple-200: #EADAEE;--colors-sd-reference-color-scale-purple-300: #DCBDE4;--colors-sd-reference-color-scale-purple-400: #CC9FD9;--colors-sd-reference-color-scale-purple-500: #AA61C2;--colors-sd-reference-color-scale-purple-600: #914DA9;--colors-sd-reference-color-scale-purple-700: #733B85;--colors-sd-reference-color-scale-purple-800: #592D68;--colors-sd-reference-color-scale-purple-900: #462352;--colors-sd-reference-color-scale-purple-1000: #32183A;--colors-sd-reference-color-scale-pink-100: #F9EBF0;--colors-sd-reference-color-scale-pink-200: #F6D7E0;--colors-sd-reference-color-scale-pink-300: #F5C1D1;--colors-sd-reference-color-scale-pink-400: #F190B4;--colors-sd-reference-color-scale-pink-500: #EB4F8E;--colors-sd-reference-color-scale-pink-600: #B9336B;--colors-sd-reference-color-scale-pink-700: #932653;--colors-sd-reference-color-scale-pink-800: #711D41;--colors-sd-reference-color-scale-pink-900: #591734;--colors-sd-reference-color-scale-pink-1000: #401026;--colors-sd-system-color-impression-primary: #0650A0;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #0650A0;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #BFCEFC;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #BFCEFC;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #EFF2FC;--colors-sd-system-color-impression-on-tertiary: #000000;--colors-sd-system-color-impression-tertiary-container: #EFF2FC;--colors-sd-system-color-impression-on-tertiary-container: #000000;--colors-sd-system-color-impression-notice: #FFE600;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FFE600;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-negative: #CE0037;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FCD6D3;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-positive: #40A683;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #40A683;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #696966;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-outline: #C8C7C2;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #EFEEEB;--colors-sd-system-color-interaction-disabled-on-surface: #AFAEAA;--colors-sd-system-color-interaction-selected-surface: #BFCEFC;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;--spacing-sd-reference-dimension-scale-0: 0px;--spacing-sd-reference-dimension-scale-1: 1px;--spacing-sd-reference-dimension-scale-2: 2px;--spacing-sd-reference-dimension-scale-3: 4px;--spacing-sd-reference-dimension-scale-4: 8px;--spacing-sd-reference-dimension-scale-5: 12px;--spacing-sd-reference-dimension-scale-6: 16px;--spacing-sd-reference-dimension-scale-7: 20px;--spacing-sd-reference-dimension-scale-8: 24px;--spacing-sd-reference-dimension-scale-9: 28px;--spacing-sd-reference-dimension-scale-10: 32px;--spacing-sd-reference-dimension-scale-11: 36px;--spacing-sd-reference-dimension-scale-12: 40px;--spacing-sd-reference-dimension-scale-13: 48px;--spacing-sd-reference-dimension-scale-14: 56px;--spacing-sd-reference-dimension-scale-15: 64px;--spacing-sd-reference-dimension-scale-16: 72px;--spacing-sd-reference-dimension-scale-17: 80px;--spacing-sd-reference-dimension-scale-18: 96px;--spacing-sd-system-dimension-spacing-none: 0px;--spacing-sd-system-dimension-spacing-two-extra-small: 4px;--spacing-sd-system-dimension-spacing-extra-small: 8px;--spacing-sd-system-dimension-spacing-small: 12px;--spacing-sd-system-dimension-spacing-medium: 16px;--spacing-sd-system-dimension-spacing-large: 20px;--spacing-sd-system-dimension-spacing-extra-large: 24px;--spacing-sd-system-dimension-spacing-two-extra-large: 32px;--spacing-sd-system-dimension-spacing-three-extra-large: 40px;--spacing-sd-system-dimension-spacing-four-extra-large: 48px;--spacing-sd-system-dimension-spacing-five-extra-large: 64px;--spacing-sd-system-dimension-spacing-six-extra-large: 80px;--sizes-sd-reference-dimension-scale-0: 0px;--sizes-sd-reference-dimension-scale-1: 1px;--sizes-sd-reference-dimension-scale-2: 2px;--sizes-sd-reference-dimension-scale-3: 4px;--sizes-sd-reference-dimension-scale-4: 8px;--sizes-sd-reference-dimension-scale-5: 12px;--sizes-sd-reference-dimension-scale-6: 16px;--sizes-sd-reference-dimension-scale-7: 20px;--sizes-sd-reference-dimension-scale-8: 24px;--sizes-sd-reference-dimension-scale-9: 28px;--sizes-sd-reference-dimension-scale-10: 32px;--sizes-sd-reference-dimension-scale-11: 36px;--sizes-sd-reference-dimension-scale-12: 40px;--sizes-sd-reference-dimension-scale-13: 48px;--sizes-sd-reference-dimension-scale-14: 56px;--sizes-sd-reference-dimension-scale-15: 64px;--sizes-sd-reference-dimension-scale-16: 72px;--sizes-sd-reference-dimension-scale-17: 80px;--sizes-sd-reference-dimension-scale-18: 96px;--sizes-sd-system-dimension-spacing-none: 0px;--sizes-sd-system-dimension-spacing-two-extra-small: 4px;--sizes-sd-system-dimension-spacing-extra-small: 8px;--sizes-sd-system-dimension-spacing-small: 12px;--sizes-sd-system-dimension-spacing-medium: 16px;--sizes-sd-system-dimension-spacing-large: 20px;--sizes-sd-system-dimension-spacing-extra-large: 24px;--sizes-sd-system-dimension-spacing-two-extra-large: 32px;--sizes-sd-system-dimension-spacing-three-extra-large: 40px;--sizes-sd-system-dimension-spacing-four-extra-large: 48px;--sizes-sd-system-dimension-spacing-five-extra-large: 64px;--sizes-sd-system-dimension-spacing-six-extra-large: 80px;--sizes-breakpoint-expanded: 768px;--opacity-sd-reference-elevation-opacity-scale-0: 0;--opacity-sd-reference-elevation-opacity-scale-1: .1;--opacity-sd-reference-elevation-opacity-scale-2: .2;--opacity-sd-reference-elevation-opacity-scale-3: .3;--opacity-sd-reference-elevation-opacity-scale-4: .4;--opacity-sd-reference-elevation-opacity-scale-5: .5;--opacity-sd-reference-elevation-opacity-scale-6: .6;--opacity-sd-reference-elevation-opacity-scale-7: .7;--opacity-sd-reference-elevation-opacity-scale-8: .8;--opacity-sd-reference-elevation-opacity-scale-9: .9;--opacity-sd-reference-elevation-opacity-scale-10: 1;--fonts-sd-reference-typography-font-family-primary: inherit;--fonts-sd-reference-typography-font-family-monospace: Noto Sans Mono;--font-weights-sd-reference-typography-font-weight-regular: 400;--font-weights-sd-reference-typography-font-weight-bold: 700;--line-heights-sd-reference-typography-line-height-none: 1;--line-heights-sd-reference-typography-line-height-tight: 1.4;--line-heights-sd-reference-typography-line-height-normal: 1.6;--line-heights-sd-reference-typography-line-height-relaxed: 1.8;--font-sizes-sd-reference-typography-scale-expanded-four-extra-small: 10px;--font-sizes-sd-reference-typography-scale-expanded-three-extra-small: 11px;--font-sizes-sd-reference-typography-scale-expanded-two-extra-small: 12px;--font-sizes-sd-reference-typography-scale-expanded-extra-small: 13px;--font-sizes-sd-reference-typography-scale-expanded-small: 14px;--font-sizes-sd-reference-typography-scale-expanded-medium: 16px;--font-sizes-sd-reference-typography-scale-expanded-large: 18px;--font-sizes-sd-reference-typography-scale-expanded-extra-large: 21px;--font-sizes-sd-reference-typography-scale-expanded-two-extra-large: 26px;--font-sizes-sd-reference-typography-scale-expanded-three-extra-large: 32px;--font-sizes-sd-reference-typography-scale-expanded-four-extra-large: 43px;--font-sizes-sd-reference-typography-scale-expanded-five-extra-large: 64px;--font-sizes-sd-reference-typography-scale-compact-two-extra-small: 10px;--font-sizes-sd-reference-typography-scale-compact-extra-small: 11px;--font-sizes-sd-reference-typography-scale-compact-small: 12px;--font-sizes-sd-reference-typography-scale-compact-medium: 14px;--font-sizes-sd-reference-typography-scale-compact-large: 16px;--font-sizes-sd-reference-typography-scale-compact-extra-large: 19px;--font-sizes-sd-reference-typography-scale-compact-two-extra-large: 22px;--font-sizes-sd-reference-typography-scale-compact-three-extra-large: 28px;--font-sizes-sd-reference-typography-scale-compact-four-extra-large: 37px;--font-sizes-sd-reference-typography-scale-compact-five-extra-large: 56px;--border-widths-sd-system-dimension-border-medium: 1px;--border-widths-sd-system-dimension-border-thick: 2px;--border-widths-sd-system-dimension-border-extra-thick: 4px;--radii-sd-system-dimension-radius-extra-small: 2px;--radii-sd-system-dimension-radius-small: 4px;--radii-sd-system-dimension-radius-medium: 8px;--radii-sd-system-dimension-radius-large: 12px;--radii-sd-system-dimension-radius-extra-large: 16px;--radii-sd-system-dimension-radius-full: 9999px;--shadows-sd-system-elevation-shadow-level1: 0px 1px 2px 0px #0000004D;--shadows-sd-system-elevation-shadow-level2: 0px 1px 4px 0px #00000033;--shadows-sd-system-elevation-shadow-level3: 0px 2px 8px 0px #00000033;--shadows-sd-system-elevation-shadow-level4: 0px 4px 12px 0px #00000033;--shadows-sd-system-elevation-shadow-level5: 0px 8px 24px 0px #00000033;--z-index-sd-system-elevation-z-index-deep-dive: -1000;--z-index-sd-system-elevation-z-index-base: 0;--z-index-sd-system-elevation-z-index-docked: 10;--z-index-sd-system-elevation-z-index-dropdown: 500;--z-index-sd-system-elevation-z-index-modal: 1000;--z-index-sd-system-elevation-z-index-toast: 2000;--breakpoints-expanded: 768px}[data-panda-theme=asagi]{--colors-sd-system-color-impression-primary: #00757E;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #00757E;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #AEEAD5;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #AEEAD5;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #EFEEEB;--colors-sd-system-color-impression-on-tertiary: #000000;--colors-sd-system-color-impression-tertiary-container: #EFEEEB;--colors-sd-system-color-impression-on-tertiary-container: #000000;--colors-sd-system-color-impression-notice: #FFE600;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FFE600;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-negative: #CE0037;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FCD6D3;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-positive: #40A683;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #40A683;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #696966;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-outline: #C8C7C2;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #EFEEEB;--colors-sd-system-color-interaction-disabled-on-surface: #AFAEAA;--colors-sd-system-color-interaction-selected-surface: #AEEAD5;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99 }[data-panda-theme=kurikawa]{--colors-sd-system-color-impression-primary: #803510;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #803510;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #F7C6B0;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #F7C6B0;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #F7EDE2;--colors-sd-system-color-impression-on-tertiary: #000000;--colors-sd-system-color-impression-tertiary-container: #F7EDE2;--colors-sd-system-color-impression-on-tertiary-container: #000000;--colors-sd-system-color-impression-notice: #FFE600;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FFE600;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-negative: #CE0037;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FCD6D3;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-positive: #40A683;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #40A683;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #696966;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-outline: #C8C7C2;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #EFEEEB;--colors-sd-system-color-interaction-disabled-on-surface: #AFAEAA;--colors-sd-system-color-interaction-selected-surface: #F7C6B0;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99 }[data-panda-theme=sumire]{--colors-sd-system-color-impression-primary: #733B85;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #733B85;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #DCBDE4;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #DCBDE4;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #073165;--colors-sd-system-color-impression-on-tertiary: #FFFFFF;--colors-sd-system-color-impression-tertiary-container: #073165;--colors-sd-system-color-impression-on-tertiary-container: #FFFFFF;--colors-sd-system-color-impression-notice: #FFE600;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FFE600;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-negative: #CE0037;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FCD6D3;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-positive: #40A683;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #40A683;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #696966;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-outline: #C8C7C2;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #EFEEEB;--colors-sd-system-color-interaction-disabled-on-surface: #AFAEAA;--colors-sd-system-color-interaction-selected-surface: #DCBDE4;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99 }[data-panda-theme=tsutsuji]{--colors-sd-system-color-impression-primary: #B9336B;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #F5C1D1;--colors-sd-system-color-impression-on-primary-container: #000000;--colors-sd-system-color-impression-secondary: #F6D7E0;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #F6D7E0;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #401026;--colors-sd-system-color-impression-on-tertiary: #FFFFFF;--colors-sd-system-color-impression-tertiary-container: #401026;--colors-sd-system-color-impression-on-tertiary-container: #FFFFFF;--colors-sd-system-color-impression-notice: #FFE600;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FFE600;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-negative: #CE0037;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FCD6D3;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-positive: #40A683;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #40A683;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #696966;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-outline: #C8C7C2;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #EFEEEB;--colors-sd-system-color-interaction-disabled-on-surface: #AFAEAA;--colors-sd-system-color-interaction-selected-surface: #F6D7E0;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99 }@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer utilities{@layer compositions{.textStyle_sd\.system\.typography\.body\.medium_compact{font-size:16px;font-weight:400;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.label\.extraLarge_compact{font-size:16px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.label\.small_compact{font-size:11px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.label\.medium_compact{font-size:12px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.label\.large_compact{font-size:14px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.body\.extraSmall_compact{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}.textStyle_sd\.system\.typography\.title\.large_compact{font-size:22px;font-weight:700;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.title\.small_compact{font-size:16px;font-weight:700;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.body\.small_compact{font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.title\.medium_compact{font-size:19px;font-weight:700;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.medium_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.extraSmall_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}.expanded\:textStyle_sd\.system\.typography\.label\.extraLarge_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:14px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.label\.small_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:11px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.title\.large_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:18px;font-weight:700;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.medium_compact:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:16px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.label\.large_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:13px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.body\.small_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:13px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.title\.medium_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:16px;font-weight:700;font-family:inherit;line-height:1.6}@media screen and (min-width: 48rem){.expanded\:textStyle_sd\.system\.typography\.label\.small_expanded{font-size:11px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.label\.medium_expanded{font-size:12px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.label\.large_expanded{font-size:13px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.body\.medium_expanded{font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.label\.small_compact{font-size:11px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.title\.small_expanded{font-size:14px;font-weight:700;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.small_expanded{font-size:13px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.extraSmall_expanded{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}}@media screen and (min-width: 48rem){.expanded\:expanded\:textStyle_sd\.system\.typography\.body\.medium_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}}}.d_flex{display:flex}.w_100\%{width:100%}.gap_sd\.system\.dimension\.spacing\.extraSmall{gap:var(--spacing-sd-system-dimension-spacing-extra-small)}.px_sd\.system\.dimension\.spacing\.medium{padding-inline:var(--spacing-sd-system-dimension-spacing-medium)}.py_sd\.system\.dimension\.spacing\.small{padding-block:var(--spacing-sd-system-dimension-spacing-small)}.cursor_pointer{cursor:pointer}.flex_1{flex:1 1 0%}.ta_left{text-align:left}.c_sd\.system\.color\.component\.onSurface{color:var(--colors-sd-system-color-component-on-surface)}.flex_0_0_24px{flex:0 0 24px}.trs_transform_0\.2s{transition:transform .2s}.trf_rotate\(-90deg\){transform:rotate(-90deg)}.w_24{width:24px}.bdr_50\%{border-radius:50%}.h_24{height:24px}.w_40{width:40px}.h_40{height:40px}.w_80{width:80px}.h_80{height:80px}.h_100\%{height:100%}.d_inline-flex{display:inline-flex}.gap_2px{gap:2px}.bdr_sd\.system\.dimension\.radius\.extraLarge{border-radius:var(--radii-sd-system-dimension-radius-extra-large)}.bg_sd\.system\.color\.interaction\.hoveredVariant{background:var(--colors-sd-system-color-interaction-hovered-variant)}.h_16px{height:16px}.h_24px{height:24px}.h_32px{height:32px}.bg_sd\.reference\.color\.scale\.gray\.600{background:var(--colors-sd-reference-color-scale-gray-600)}.c_sd\.system\.color\.component\.inverseOnSurface{color:var(--colors-sd-system-color-component-inverse-on-surface)}.bg_sd\.reference\.color\.scale\.blue\.600{background:var(--colors-sd-reference-color-scale-blue-600)}.bg_sd\.reference\.color\.scale\.green\.600{background:var(--colors-sd-reference-color-scale-green-600)}.bg_sd\.reference\.color\.scale\.yellow\.600{background:var(--colors-sd-reference-color-scale-yellow-600)}.bg_sd\.reference\.color\.scale\.chestnut\.600{background:var(--colors-sd-reference-color-scale-chestnut-600)}.bg_sd\.reference\.color\.scale\.red\.600{background:var(--colors-sd-reference-color-scale-red-600)}.bg_sd\.reference\.color\.scale\.gray\.100{background:var(--colors-sd-reference-color-scale-gray-100)}.c_sd\.reference\.color\.scale\.gray\.800{color:var(--colors-sd-reference-color-scale-gray-800)}.bg_sd\.reference\.color\.scale\.blue\.100{background:var(--colors-sd-reference-color-scale-blue-100)}.c_sd\.reference\.color\.scale\.blue\.800{color:var(--colors-sd-reference-color-scale-blue-800)}.bg_sd\.reference\.color\.scale\.green\.100{background:var(--colors-sd-reference-color-scale-green-100)}.c_sd\.reference\.color\.scale\.green\.800{color:var(--colors-sd-reference-color-scale-green-800)}.bg_sd\.reference\.color\.scale\.yellow\.100{background:var(--colors-sd-reference-color-scale-yellow-100)}.c_sd\.reference\.color\.scale\.yellow\.800{color:var(--colors-sd-reference-color-scale-yellow-800)}.bg_sd\.reference\.color\.scale\.chestnut\.100{background:var(--colors-sd-reference-color-scale-chestnut-100)}.c_sd\.reference\.color\.scale\.chestnut\.800{color:var(--colors-sd-reference-color-scale-chestnut-800)}.bg_sd\.reference\.color\.scale\.red\.100{background:var(--colors-sd-reference-color-scale-red-100)}.c_sd\.reference\.color\.scale\.red\.800{color:var(--colors-sd-reference-color-scale-red-800)}.c_currentColor{color:currentColor}.d_grid{display:grid}.p_sd\.system\.dimension\.spacing\.small{padding:var(--spacing-sd-system-dimension-spacing-small)}.bdr_sd\.system\.dimension\.radius\.medium{border-radius:var(--radii-sd-system-dimension-radius-medium)}.bg_sd\.system\.color\.component\.surface{background:var(--colors-sd-system-color-component-surface)}.bg_sd\.system\.color\.impression\.negativeContainer{background:var(--colors-sd-system-color-impression-negative-container)}.c_sd\.system\.color\.impression\.onNegativeContainer{color:var(--colors-sd-system-color-impression-on-negative-container)}.bg_sd\.system\.color\.impression\.noticeContainer{background:var(--colors-sd-system-color-impression-notice-container)}.c_sd\.system\.color\.impression\.onNoticeContainer{color:var(--colors-sd-system-color-impression-on-notice-container)}.c_sd\.system\.color\.impression\.negative{color:var(--colors-sd-system-color-impression-negative)}.grid-area_2_\/_2_\/_3_\/_3{grid-area:2 / 2 / 3 / 3}.h_64{height:64px}.bd-t_1px_solid{border-top:1px solid}.gap_sd\.system\.dimension\.spacing\.twoExtraSmall{gap:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pos_relative{position:relative}.c_sd\.system\.color\.impression\.primary{color:var(--colors-sd-system-color-impression-primary)}.pos_absolute{position:absolute}.bdr_sd\.system\.dimension\.radius\.full{border-radius:var(--radii-sd-system-dimension-radius-full)}.ov_hidden{overflow:hidden}.bg_sd\.system\.color\.impression\.primaryContainer{background:var(--colors-sd-system-color-impression-primary-container)}.c_sd\.system\.color\.impression\.onPrimaryContainer{color:var(--colors-sd-system-color-impression-on-primary-container)}.h_48{height:48px}.px_sd\.system\.dimension\.spacing\.extraLarge{padding-inline:var(--spacing-sd-system-dimension-spacing-extra-large)}.h_32{height:32px}.px_sd\.system\.dimension\.spacing\.small{padding-inline:var(--spacing-sd-system-dimension-spacing-small)}.py_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-block:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.z_sd\.system\.elevation\.zIndex\.base{z-index:var(--z-index-sd-system-elevation-z-index-base)}.c_white{color:#fff}.c_gray{color:gray}.p_2px{padding:2px}.gap_sd\.system\.dimension\.spacing\.medium{gap:var(--spacing-sd-system-dimension-spacing-medium)}.c_sd\.system\.color\.component\.outline{color:var(--colors-sd-system-color-component-outline)}.flex-flow_column{flex-flow:column}.c_sd\.system\.color\.component\.onSurfaceVariant{color:var(--colors-sd-system-color-component-on-surface-variant)}.min-h_160px{min-height:160px}.gap_sd\.system\.dimension\.spacing\.twoExtraLarge{gap:var(--spacing-sd-system-dimension-spacing-two-extra-large)}.grid-c_span_2{grid-column:span 2}.order_-1{order:-1}.--thickness_1px{--thickness: 1px}.bd_none{border:none}.h_sd\.reference\.dimension\.scale\.1{height:var(--sizes-sd-reference-dimension-scale-1)}.w_sd\.reference\.dimension\.scale\.1{width:var(--sizes-sd-reference-dimension-scale-1)}.min-h_10px{min-height:10px}.bg_sd\.system\.color\.component\.scrim{background:var(--colors-sd-system-color-component-scrim)}.pos_fixed{position:fixed}.inset_0{top:0;right:0;bottom:0;left:0}.z_sd\.system\.elevation\.zIndex\.modal{z-index:var(--z-index-sd-system-elevation-z-index-modal)}.w_calc\(100\%_-_\{spacing\.sd\.system\.dimension\.spacing\.extraLarge\}\){width:calc(100% - var(--spacing-sd-system-dimension-spacing-extra-large))}.max-w_375px{max-width:375px}.h_100vh{height:100vh}.bx-sh_sd\.system\.elevation\.shadow\.level5{box-shadow:var(--shadows-sd-system-elevation-shadow-level5)}.min-w_100\%{min-width:100%}.max-w_100\%{max-width:100%}.p_sd\.system\.dimension\.spacing\.twoExtraSmall{padding:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.bx-sh_sd\.system\.elevation\.shadow\.level1{box-shadow:var(--shadows-sd-system-elevation-shadow-level1)}.ring_none{outline:2px solid transparent;outline-offset:2px}.w_240{width:240px}.h_48px{height:48px}.gap_sd\.system\.dimension\.spacing\.small{gap:var(--spacing-sd-system-dimension-spacing-small)}.py_sd\.system\.dimension\.spacing\.extraSmall{padding-block:var(--spacing-sd-system-dimension-spacing-extra-small)}.ps_sd\.system\.dimension\.spacing\.medium{padding-inline-start:var(--spacing-sd-system-dimension-spacing-medium)}.w_\{spacing\.sd\.reference\.dimension\.scale\.17\}{width:var(--spacing-sd-reference-dimension-scale-17)}.h_\{spacing\.sd\.reference\.dimension\.scale\.17\}{height:var(--spacing-sd-reference-dimension-scale-17)}.w_\{spacing\.sd\.reference\.dimension\.scale\.13\}{width:var(--spacing-sd-reference-dimension-scale-13)}.h_\{spacing\.sd\.reference\.dimension\.scale\.13\}{height:var(--spacing-sd-reference-dimension-scale-13)}.w_\{spacing\.sd\.reference\.dimension\.scale\.10\}{width:var(--spacing-sd-reference-dimension-scale-10)}.h_\{spacing\.sd\.reference\.dimension\.scale\.10\}{height:var(--spacing-sd-reference-dimension-scale-10)}.min-h_48{min-height:48px}.min-h_38{min-height:38px}.min-w_24{min-width:24px}.trf_translate\(-50\%\,_-50\%\){transform:translate(-50%,-50%)}.w_calc\(100\%_-_\{spacing\.sd\.system\.dimension\.spacing\.large\}_\*_2\){width:calc(100% - var(--spacing-sd-system-dimension-spacing-large) * 2)}.max-w_408px{max-width:408px}.c_sd\.system\.color\.impression\.onNegative{color:var(--colors-sd-system-color-impression-on-negative)}.px_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-inline:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.h_16{height:16px}.min-w_16{min-width:16px}.px_sd\.system\.dimension\.spacing\.extraSmall{padding-inline:var(--spacing-sd-system-dimension-spacing-extra-small)}.h_8{height:8px}.px_0{padding-inline:0}.min-w_8{min-width:8px}.anim_1s_linear_infinite_spin{animation:1s linear infinite spin}.stk_sd\.reference\.color\.scale\.gray\.400{stroke:var(--colors-sd-reference-color-scale-gray-400)}.w_16px{width:16px}.w_24px{width:24px}.w_96px{width:96px}.h_96px{height:96px}.stk_sd\.reference\.color\.scale\.white\.1000{stroke:var(--colors-sd-reference-color-scale-white-1000)}.c_sd\.system\.color\.component\.outlineVariant{color:var(--colors-sd-system-color-component-outline-variant)}.tov_ellipsis{text-overflow:ellipsis}.d_inline-grid{display:inline-grid}.z_sd\.system\.elevation\.zIndex\.dropdown{z-index:var(--z-index-sd-system-elevation-z-index-dropdown)}.w_40px{width:40px}.w_20px{width:20px}.w_sd\.system\.dimension\.spacing\.large{width:var(--sizes-sd-system-dimension-spacing-large)}.op_0{opacity:0}.h_sd\.system\.dimension\.spacing\.large{height:var(--sizes-sd-system-dimension-spacing-large)}.white-space_nowrap{white-space:nowrap}.bdr_sd\.system\.dimension\.radius\.small{border-radius:var(--radii-sd-system-dimension-radius-small)}.c_sd\.reference\.color\.scale\.orange\.500{color:sd.reference.color.scale.orange.5}.w_1em{width:1em}.h_1em{height:1em}.fill_currentColor{fill:currentColor}.w_52{width:52px}.d_block{display:block}.w_20{width:20px}.h_20{height:20px}.my_5{margin-block:5px}.mx_6{margin-inline:6px}.w_160{width:160px}.h_44{height:44px}.bd-b_2px_solid{border-bottom:2px solid}.w_8{width:8px}.w_16{width:16px}.field-sizing_content{field-sizing:content}.min-h_2lh{min-height:2lh}.ta_right{text-align:right}.place-items_center{place-items:center}.w_48px{width:48px}.gap_10px{gap:10px}.bx-sh_sd\.system\.elevation\.shadow\.level3{box-shadow:var(--shadows-sd-system-elevation-shadow-level3)}.bg_sd\.system\.color\.component\.inverseSurface{background:var(--colors-sd-system-color-component-inverse-surface)}.c_sd\.system\.color\.impression\.positive{color:var(--colors-sd-system-color-impression-positive)}.gap_8px{gap:8px}.flex-d_row-reverse{flex-direction:row-reverse}.pt_sd\.system\.dimension\.spacing\.small{padding-top:var(--spacing-sd-system-dimension-spacing-small)}.pb_sd\.system\.dimension\.spacing\.medium{padding-bottom:var(--spacing-sd-system-dimension-spacing-medium)}.flex-d_column{flex-direction:column}.ai_center{align-items:center}.jc_center{justify-content:center}.bg-c_sd\.reference\.color\.scale\.blue\.200{background-color:var(--colors-sd-reference-color-scale-blue-200)}.fs_11{font-size:11px}.fs_19{font-size:19px}.fs_37{font-size:37px}.pr_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-right:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pl_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-left:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pr_sd\.system\.dimension\.spacing\.extraSmall{padding-right:var(--spacing-sd-system-dimension-spacing-extra-small)}.pl_sd\.system\.dimension\.spacing\.extraSmall{padding-left:var(--spacing-sd-system-dimension-spacing-extra-small)}.pr_sd\.system\.dimension\.spacing\.medium{padding-right:var(--spacing-sd-system-dimension-spacing-medium)}.pl_sd\.system\.dimension\.spacing\.medium{padding-left:var(--spacing-sd-system-dimension-spacing-medium)}.grid-tc_24px_1fr{grid-template-columns:24px 1fr}.cg_sd\.system\.dimension\.spacing\.twoExtraSmall{column-gap:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.rg_sd\.system\.dimension\.spacing\.extraSmall{row-gap:var(--spacing-sd-system-dimension-spacing-extra-small)}.bd-w_sd\.system\.dimension\.border\.medium{border-width:var(--border-widths-sd-system-dimension-border-medium)}.border-style_solid{border-style:solid}.bd-c_sd\.system\.color\.component\.outline{border-color:var(--colors-sd-system-color-component-outline)}.bd-c_sd\.system\.color\.impression\.negativeContainer{border-color:var(--colors-sd-system-color-impression-negative-container)}.bd-c_sd\.system\.color\.impression\.noticeContainer{border-color:var(--colors-sd-system-color-impression-notice-container)}.jc_space-around{justify-content:space-around}.bd-t-c_sd\.system\.color\.component\.outline{border-top-color:var(--colors-sd-system-color-component-outline)}.top_-6px{top:-6px}.right_4px{right:4px}.top_-2\.5px{top:-2.5px}.ring-w_sd\.system\.dimension\.border\.medium{outline-width:var(--border-widths-sd-system-dimension-border-medium)}.outline-style_solid{outline-style:solid}.ring-c_sd\.system\.color\.component\.outline{outline-color:var(--colors-sd-system-color-component-outline)}.bg-c_sd\.system\.color\.component\.surface{background-color:var(--colors-sd-system-color-component-surface)}.pl_sd\.system\.dimension\.spacing\.extraLarge{padding-left:var(--spacing-sd-system-dimension-spacing-extra-large)}.pr_sd\.system\.dimension\.spacing\.extraLarge{padding-right:var(--spacing-sd-system-dimension-spacing-extra-large)}.flex-sh_0{flex-shrink:0}.mt_sd\.system\.dimension\.spacing\.twoExtraSmall{margin-top:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.ai_flex-start{align-items:flex-start}.bg-c_sd\.reference\.color\.scale\.gray\.200{background-color:var(--colors-sd-reference-color-scale-gray-200)}.jc_space-between{justify-content:space-between}.grid-tc_1fr{grid-template-columns:1fr}.grid-tc_auto_1fr{grid-template-columns:auto 1fr}.grid-tc_1fr_1fr{grid-template-columns:1fr 1fr}.as_flex-end{align-self:flex-end}.ai_baseline{align-items:baseline}.border-block-end-width_var\(--thickness\){border-block-end-width:var(--thickness)}.bd-c_sd\.reference\.color\.scale\.gray\.200{border-color:var(--colors-sd-reference-color-scale-gray-200)}.bd-c_sd\.reference\.color\.scale\.gray\.300{border-color:var(--colors-sd-reference-color-scale-gray-300)}.bd-c_sd\.system\.color\.component\.outlineVariant{border-color:var(--colors-sd-system-color-component-outline-variant)}.border-bottom-style_solid{border-bottom-style:solid}.border-left-style_solid{border-left-style:solid}.top_0{top:0}.left_0{left:0}.jc_flex-start{justify-content:flex-start}.right_0{right:0}.jc_flex-end{justify-content:flex-end}.pr_sd\.system\.dimension\.spacing\.small{padding-right:var(--spacing-sd-system-dimension-spacing-small)}.ml_2px{margin-left:2px}.bg-c_sd\.system\.color\.impression\.primaryContainer{background-color:var(--colors-sd-system-color-impression-primary-container)}.ring-c_transparent{outline-color:transparent}.flex-g_1{flex-grow:1}.right_sd\.system\.dimension\.spacing\.medium{right:var(--spacing-sd-system-dimension-spacing-medium)}.top_sd\.system\.dimension\.spacing\.extraSmall{top:var(--spacing-sd-system-dimension-spacing-extra-small)}.top_50\%{top:50%}.left_50\%{left:50%}.pt_sd\.system\.dimension\.spacing\.extraLarge{padding-top:var(--spacing-sd-system-dimension-spacing-extra-large)}.pb_sd\.system\.dimension\.spacing\.large{padding-bottom:var(--spacing-sd-system-dimension-spacing-large)}.bg-c_sd\.system\.color\.impression\.negative{background-color:var(--colors-sd-system-color-impression-negative)}.bg-c_sd\.system\.color\.impression\.primary{background-color:var(--colors-sd-system-color-impression-primary)}.lh_24px{line-height:24px}.lh_1{line-height:1}.grid-tc_auto_1fr_auto{grid-template-columns:auto 1fr auto}.pb_sd\.system\.dimension\.spacing\.small{padding-bottom:var(--spacing-sd-system-dimension-spacing-small)}.pt_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-top:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pb_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-bottom:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.scr-pl_sd\.system\.dimension\.spacing\.twoExtraSmall{scroll-padding-left:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pb_sd\.system\.dimension\.spacing\.extraSmall{padding-bottom:var(--spacing-sd-system-dimension-spacing-extra-small)}.pt_sd\.system\.dimension\.spacing\.extraSmall{padding-top:var(--spacing-sd-system-dimension-spacing-extra-small)}.grid-tc_minmax\(auto\,_300px\){grid-template-columns:minmax(auto,300px)}.grid-tc_minmax\(auto\,_150px\){grid-template-columns:minmax(auto,150px)}.grid-tc_1fr_auto{grid-template-columns:1fr auto}.bg-c_sd\.system\.color\.interaction\.disabled{background-color:var(--colors-sd-system-color-interaction-disabled)}.bd-w_1{border-width:1px}.trs-dur_\.2s{--transition-duration: .2s;transition-duration:.2s}.trs-prop_background\,_borderColor{--transition-prop: background, borderColor;transition-property:background,borderColor}.trs-tmf_cubic-bezier\(\.2\,_0\,_0\,_1\){--transition-easing: cubic-bezier(.2, 0, 0, 1);transition-timing-function:cubic-bezier(.2,0,0,1)}.trs-dur_\.3s{--transition-duration: .3s;transition-duration:.3s}.trs-prop_transform\,_borderColor{--transition-prop: transform, borderColor;transition-property:transform,borderColor}.lh_sd\.reference\.typography\.lineHeight\.tight{line-height:var(--line-heights-sd-reference-typography-line-height-tight)}.trs-prop_color\,_border-color{--transition-prop: color, border-color;transition-property:color,border-color}.bd-b-c_transparent{border-bottom-color:transparent}.bg-c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\,_\{colors\.sd\.system\.color\.impression\.negativeContainer\}\)\;{background-color:color-mix(in srgb,var(--colors-sd-system-color-interaction-hovered-on-primary),var(--colors-sd-system-color-impression-negative-container))}.grid-tc_auto{grid-template-columns:auto}.mt_sd\.system\.dimension\.spacing\.extraSmall{margin-top:var(--spacing-sd-system-dimension-spacing-extra-small)}.mr_sd\.system\.dimension\.spacing\.twoExtraSmall{margin-right:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.mb_sd\.system\.dimension\.spacing\.twoExtraSmall{margin-bottom:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.ml_sd\.system\.dimension\.spacing\.small{margin-left:var(--spacing-sd-system-dimension-spacing-small)}.flex-d_row{flex-direction:row}.bd-c_sd\.system\.color\.impression\.negative{border-color:var(--colors-sd-system-color-impression-negative)}.open\:trf_rotate\(180deg\):is([open],[data-open],[data-state=open]){transform:rotate(180deg)}.open\:trf_rotate\(0deg\):is([open],[data-open],[data-state=open]){transform:rotate(0)}.\[\&_svg\]\:w_sd\.reference\.dimension\.scale\.8 svg{width:var(--sizes-sd-reference-dimension-scale-8)}.\[\&_svg\]\:h_sd\.reference\.dimension\.scale\.8 svg{height:var(--sizes-sd-reference-dimension-scale-8)}.disabled\:cursor_not-allowed:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.disabled\:bg_sd\.system\.color\.interaction\.disabled:is(:disabled,[disabled],[data-disabled]){background:var(--colors-sd-system-color-interaction-disabled)}.disabled\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled]){color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.disabled\:ring_none:is(:disabled,[disabled],[data-disabled]){outline:2px solid transparent;outline-offset:2px}.\[\&_\.checkmark\]\:c_sd\.system\.color\.impression\.onPrimaryContainer .checkmark{color:var(--colors-sd-system-color-impression-on-primary-container)}.disabled\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.outline\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]){color:color-mix(in srgb,var(--colors-sd-system-color-component-outline),var(--colors-sd-system-color-interaction-hovered-on-primary))}.disabled\:ring_solid:is(:disabled,[disabled],[data-disabled]){outline:solid}.disabled\:ring-o_0px:is(:disabled,[disabled],[data-disabled]){outline-offset:0px}.disabled\:bg_transparent:is(:disabled,[disabled],[data-disabled]){background:transparent}.\[\&_svg\]\:w_sd\.reference\.dimension\.scale\.12 svg{width:var(--sizes-sd-reference-dimension-scale-12)}.\[\&_svg\]\:h_sd\.reference\.dimension\.scale\.12 svg{height:var(--sizes-sd-reference-dimension-scale-12)}.selected\:bg_sd\.system\.color\.interaction\.selectedSurface:is([aria-selected=true],[data-selected]){background:var(--colors-sd-system-color-interaction-selected-surface)}.disabled\:op_0\.3:is(:disabled,[disabled],[data-disabled]){opacity:.3}.\[\&_svg\]\:w_24px svg{width:24px}.\[\&_svg\]\:h_24px svg{height:24px}.\[\&_svg\]\:d_block svg{display:block}.\[\&_svg\]\:max-h_100\% svg{max-height:100%}.\[\&_svg\]\:max-w_100\% svg{max-width:100%}.\[\&_svg\]\:w_40px svg{width:40px}.\[\&_svg\]\:h_40px svg{height:40px}.disabled\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.impression\.primary\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]){color:color-mix(in srgb,var(--colors-sd-system-color-impression-primary),var(--colors-sd-system-color-interaction-hovered-on-primary))}.disabled\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.outlineVariant\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]){color:color-mix(in srgb,var(--colors-sd-system-color-component-outline-variant),var(--colors-sd-system-color-interaction-hovered-on-primary))}.placeholder\:c_sd\.system\.color\.component\.onSurfaceVariant::placeholder,.placeholder\:c_sd\.system\.color\.component\.onSurfaceVariant[data-placeholder]{color:var(--colors-sd-system-color-component-on-surface-variant)}[data-disabled] .\[\[data-disabled\]_\&\]\:c_sd\.system\.color\.interaction\.disabledOnSurface{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}[data-state=open] .\[\[data-state\=open\]_\&\]\:op_1{opacity:1}[data-placeholder-shown] .\[\[data-placeholder-shown\]_\&\]\:c_sd\.system\.color\.component\.onSurfaceVariant{color:var(--colors-sd-system-color-component-on-surface-variant)}.disabled\:cursor_default:is(:disabled,[disabled],[data-disabled]){cursor:default}.checked\:trf_translateX\(19px\):is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){transform:translate(19px)}.selected\:c_sd\.system\.color\.impression\.primary:is([aria-selected=true],[data-selected]){color:var(--colors-sd-system-color-impression-primary)}.disabled\:bg-c_sd\.system\.color\.interaction\.disabled:is(:disabled,[disabled],[data-disabled]){background-color:var(--colors-sd-system-color-interaction-disabled)}.highlighted\:bg-c_sd\.system\.color\.interaction\.hoveredVariant[data-highlighted]{background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.disabled\:ring-c_sd\.system\.color\.component\.outline:is(:disabled,[disabled],[data-disabled]){outline-color:var(--colors-sd-system-color-component-outline)}.disabled\:ring-w_sd\.system\.dimension\.border\.medium:is(:disabled,[disabled],[data-disabled]){outline-width:var(--border-widths-sd-system-dimension-border-medium)}.disabled\:ring-c_transparent:is(:disabled,[disabled],[data-disabled]){outline-color:transparent}.invalid\:ring-c_sd\.system\.color\.impression\.negative:is(:invalid,[data-invalid]){outline-color:var(--colors-sd-system-color-impression-negative)}.\[\&\[data-focus\=\"true\"\]_\.control\]\:bd-c_sd\.system\.color\.impression\.primary[data-focus=true] .control{border-color:var(--colors-sd-system-color-impression-primary)}.checked\:bg-c_sd\.system\.color\.impression\.primary:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){background-color:var(--colors-sd-system-color-impression-primary)}.checked\:bd-c_sd\.system\.color\.impression\.primary:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){border-color:var(--colors-sd-system-color-impression-primary)}.checked\:bd-c_sd\.system\.color\.component\.surface:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){border-color:var(--colors-sd-system-color-component-surface)}.selected\:fw_bold:is([aria-selected=true],[data-selected]){font-weight:700}.selected\:bd-b-c_sd\.system\.color\.impression\.primary:is([aria-selected=true],[data-selected]){border-bottom-color:var(--colors-sd-system-color-impression-primary)}.\[\&\:has\(\[data-focus\=\"true\"\]\)\]\:ring-w_sd\.system\.dimension\.border\.thick:has([data-focus=true]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.\[\&\:has\(\[data-focus\=\"true\"\]\)\]\:ring-c_sd\.system\.color\.impression\.primary:has([data-focus=true]){outline-color:var(--colors-sd-system-color-impression-primary)}.lastOfType\:pb_8px:last-of-type{padding-bottom:8px}.firstOfType\:pb_0px:first-of-type{padding-bottom:0}.focusWithin\:ring-w_sd\.system\.dimension\.border\.thick:focus-within{outline-width:var(--border-widths-sd-system-dimension-border-thick)}.focusWithin\:ring-c_sd\.system\.color\.impression\.primary:focus-within{outline-color:var(--colors-sd-system-color-impression-primary)}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:ring-o_-2px{outline-offset:-2px}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bdr_sd\.system\.dimension\.radius\.small{border-radius:var(--radii-sd-system-dimension-radius-small)}.focusVisible\:ring_1px_solid:is(:focus-visible,[data-focus-visible]){outline:1px solid}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bdr_sd\.system\.dimension\.radius\.full{border-radius:var(--radii-sd-system-dimension-radius-full)}.focusVisible\:ring-o_-1px:is(:focus-visible,[data-focus-visible]){outline-offset:-1px}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:outline-style_solid{outline-style:solid}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:ring-w_1\.5px{outline-width:1.5px}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:ring-c_sd\.system\.color\.impression\.primary{outline-color:var(--colors-sd-system-color-impression-primary)}.focusVisible\:ring-c_sd\.system\.color\.component\.outline:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-component-outline)}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bg-c_sd\.system\.color\.interaction\.selectedSurface{background-color:var(--colors-sd-system-color-interaction-selected-surface)}.focus\:ring-w_sd\.system\.dimension\.border\.thick:is(:focus,[data-focus]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.focus\:ring-c_sd\.system\.color\.impression\.primary:is(:focus,[data-focus]){outline-color:var(--colors-sd-system-color-impression-primary)}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bd-c_sd\.system\.color\.impression\.primary{border-color:var(--colors-sd-system-color-impression-primary)}.focusVisible\:ring-w_1px:is(:focus-visible,[data-focus-visible]){outline-width:1px}.focusVisible\:outline-style_solid:is(:focus-visible,[data-focus-visible]){outline-style:solid}.hover\:bg_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.surface\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredVariant\}\):is(:hover,[data-hover]){background:color-mix(in srgb,var(--colors-sd-system-color-component-surface),var(--colors-sd-system-color-interaction-hovered-variant))}.hover\:bg_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.interaction\.hoveredVariant\}\,_\{colors\.sd\.system\.color\.component\.surface\}\)\;:is(:hover,[data-hover]){background:color-mix(in srgb,var(--colors-sd-system-color-interaction-hovered-variant),var(--colors-sd-system-color-component-surface))}.hover\:c_sd\.system\.color\.impression\.primary:is(:hover,[data-hover]){color:var(--colors-sd-system-color-impression-primary)}.hover\:bg-c_sd\.system\.color\.interaction\.hoveredVariant:is(:hover,[data-hover]){background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.expanded\:\[\&_svg\]\:trf_rotate\(180deg\):is([aria-expanded=true],[data-expanded],[data-state=expanded]) svg{transform:rotate(180deg)}.enabled\:focusVisible\:ring-o_-1px:enabled:is(:focus-visible,[data-focus-visible]){outline-offset:-1px}.selected\:hover\:bg_sd\.system\.color\.interaction\.selectedSurface:is([aria-selected=true],[data-selected]):is(:hover,[data-hover]){background:var(--colors-sd-system-color-interaction-selected-surface)}.disabled\:selected\:bg_transparent:is(:disabled,[disabled],[data-disabled]):is([aria-selected=true],[data-selected]){background:transparent}.disabled\:placeholder\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled])::placeholder,.disabled\:placeholder\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled])[data-placeholder]{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}[data-placeholder-shown] .disabled\:\[\[data-placeholder-shown\]_\&\]\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled]){color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.enabled\:hover\:bg_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.surface\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredVariant\}\):enabled:is(:hover,[data-hover]){background:color-mix(in srgb,var(--colors-sd-system-color-component-surface),var(--colors-sd-system-color-interaction-hovered-variant))}.enabled\:focusVisible\:ring-w_sd\.system\.dimension\.border\.medium:enabled:is(:focus-visible,[data-focus-visible]){outline-width:var(--border-widths-sd-system-dimension-border-medium)}.enabled\:focusVisible\:outline-style_solid:enabled:is(:focus-visible,[data-focus-visible]){outline-style:solid}.enabled\:focusVisible\:ring-c_sd\.system\.color\.interaction\.hovered:enabled:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-interaction-hovered)}.enabled\:hover\:bg-c_sd\.system\.color\.interaction\.hoveredVariant:enabled:is(:hover,[data-hover]){background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.enabled\:focusVisible\:bg-c_sd\.system\.color\.interaction\.hoveredVariant:enabled:is(:focus-visible,[data-focus-visible]){background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.enabled\:focusVisible\:ring-c_sd\.system\.color\.component\.outlineVariant:enabled:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-component-outline-variant)}.enabled\:hover\:bg-i_linear-gradient\(0deg\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_0\%\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_100\%\):enabled:is(:hover,[data-hover]){background-image:linear-gradient(0deg,var(--colors-sd-system-color-interaction-hovered) 0%,var(--colors-sd-system-color-interaction-hovered) 100%)}.enabled\:focusVisible\:bg-i_linear-gradient\(0deg\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_0\%\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_100\%\):enabled:is(:focus-visible,[data-focus-visible]){background-image:linear-gradient(0deg,var(--colors-sd-system-color-interaction-hovered) 0%,var(--colors-sd-system-color-interaction-hovered) 100%)}.enabled\:focusVisible\:ring-w_sd\.system\.dimension\.border\.thick:enabled:is(:focus-visible,[data-focus-visible]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.enabled\:focusVisible\:ring-c_sd\.system\.color\.impression\.primary:enabled:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-impression-primary)}.enabled\:hover\:ring-c_sd\.system\.color\.interaction\.hovered:enabled:is(:hover,[data-hover]){outline-color:var(--colors-sd-system-color-interaction-hovered)}.checked\:disabled\:bg-c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.impression\.primary\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):is(:disabled,[disabled],[data-disabled]){background-color:color-mix(in srgb,var(--colors-sd-system-color-impression-primary),var(--colors-sd-system-color-interaction-hovered-on-primary))}.checked\:disabled\:bd-c_transparent:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):is(:disabled,[disabled],[data-disabled]){border-color:transparent}.hover\:disabled\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:hover,[data-hover]):is(:disabled,[disabled],[data-disabled]){color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.enabled\:hover\:after\:pos_absolute:enabled:is(:hover,[data-hover]):after{position:absolute}.enabled\:hover\:after\:inset_0:enabled:is(:hover,[data-hover]):after{top:0;right:0;bottom:0;left:0}.enabled\:hover\:after\:bg_sd\.system\.color\.interaction\.hovered:enabled:is(:hover,[data-hover]):after{background:var(--colors-sd-system-color-interaction-hovered)}.enabled\:focusVisible\:after\:pos_absolute:enabled:is(:focus-visible,[data-focus-visible]):after{position:absolute}.enabled\:focusVisible\:after\:inset_0:enabled:is(:focus-visible,[data-focus-visible]):after{top:0;right:0;bottom:0;left:0}.enabled\:focusVisible\:after\:bg_sd\.system\.color\.interaction\.hovered:enabled:is(:focus-visible,[data-focus-visible]):after{background:var(--colors-sd-system-color-interaction-hovered)}.disabled\:checked\:\[\&_svg\]\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.impression\.primary\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked],[aria-checked=true],[data-state=checked]) svg{color:color-mix(in srgb,var(--colors-sd-system-color-impression-primary),var(--colors-sd-system-color-interaction-hovered-on-primary))}.disabled\:checked\:\[\&_\.checkmark\]\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.interaction\.disabled\}\,_\{colors\.sd\.system\.color\.impression\.onPrimaryContainer\}\)\;:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked],[aria-checked=true],[data-state=checked]) .checkmark{color:color-mix(in srgb,var(--colors-sd-system-color-interaction-disabled),var(--colors-sd-system-color-impression-on-primary-container))}.enabled\:hover\:after\:content_\'\':enabled:is(:hover,[data-hover]):after{content:""}.enabled\:focusVisible\:after\:content_\'\':enabled:is(:focus-visible,[data-focus-visible]):after{content:""}@layer components{.\[\@layer_components\]\:w_min\(100\%\,_300px\){width:min(100%,300px)}}@media screen and (min-width: 48rem){.expanded\:w_44px{width:44px}.expanded\:h_44px{height:44px}.expanded\:pt_sd\.system\.dimension\.spacing\.large{padding-top:var(--spacing-sd-system-dimension-spacing-large)}.expanded\:flex-d_row-reverse{flex-direction:row-reverse}.expanded\:jc_end{justify-content:end}}}
+@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+Mono:wght@100..900&family=Roboto:wght@100;400;700&display=swap";@layer reset,base,tokens,recipes,utilities;@layer base{:root{--global-font-body: "Roboto", "Noto Sans JP", sans-serif;--global-font-mono: "Noto Sans Mono", monospace;font-optical-sizing:auto;text-rendering:optimizeLegibility;font-feature-settings:"palt";letter-spacing:.03em}}@layer reset{html,:host{--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5;font-family:var(--global-font-body, var(--font-fallback))}*,:before,:after,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentColor)}hr{height:0px;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-moz-appearance:button;appearance:button;-webkit-appearance:button}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent}::placeholder{opacity:1;--placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);color:var(--global-color-placeholder, var(--placeholder-fallback))}textarea{resize:vertical}table{text-indent:0px;border-collapse:collapse;border-color:inherit}summary{display:list-item}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-feature-settings:normal;font-variation-settings:normal;font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]{display:none!important}}@layer base{:root{--made-with-panda: "🐼"}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}}@layer tokens{:where(:root,:host){--colors-sd-reference-color-scale-white-1000: #FFFFFF;--colors-sd-reference-color-scale-black-1000: #000000;--colors-sd-reference-color-scale-transparency-5: #0000000D;--colors-sd-reference-color-scale-transparency-20: #00000033;--colors-sd-reference-color-scale-transparency-60: #FFFFFF99;--colors-sd-reference-color-scale-gray-100: #EFEEEB;--colors-sd-reference-color-scale-gray-200: #D9D8D3;--colors-sd-reference-color-scale-gray-300: #C8C7C2;--colors-sd-reference-color-scale-gray-400: #AFAEAA;--colors-sd-reference-color-scale-gray-500: #8C8B87;--colors-sd-reference-color-scale-gray-600: #696966;--colors-sd-reference-color-scale-gray-700: #525250;--colors-sd-reference-color-scale-gray-800: #3F3F3D;--colors-sd-reference-color-scale-gray-900: #31312F;--colors-sd-reference-color-scale-gray-1000: #232322;--colors-sd-reference-color-scale-red-100: #FCEBEA;--colors-sd-reference-color-scale-red-200: #FCD6D3;--colors-sd-reference-color-scale-red-300: #FDB9B4;--colors-sd-reference-color-scale-red-400: #FF8F8F;--colors-sd-reference-color-scale-red-500: #F84258;--colors-sd-reference-color-scale-red-600: #CE0037;--colors-sd-reference-color-scale-red-700: #A4002A;--colors-sd-reference-color-scale-red-800: #81001F;--colors-sd-reference-color-scale-red-900: #650417;--colors-sd-reference-color-scale-red-1000: #49060E;--colors-sd-reference-color-scale-chestnut-100: #FAECE6;--colors-sd-reference-color-scale-chestnut-200: #F7D8C9;--colors-sd-reference-color-scale-chestnut-300: #F7C6B0;--colors-sd-reference-color-scale-chestnut-400: #F49567;--colors-sd-reference-color-scale-chestnut-500: #E26324;--colors-sd-reference-color-scale-chestnut-600: #AB4919;--colors-sd-reference-color-scale-chestnut-700: #803510;--colors-sd-reference-color-scale-chestnut-800: #692C0D;--colors-sd-reference-color-scale-chestnut-900: #50230D;--colors-sd-reference-color-scale-chestnut-1000: #371B0B;--colors-sd-reference-color-scale-beige-100: #F7EDE2;--colors-sd-reference-color-scale-beige-200: #F2DBC0;--colors-sd-reference-color-scale-beige-300: #EDC18A;--colors-sd-reference-color-scale-beige-400: #DAA358;--colors-sd-reference-color-scale-beige-500: #AF8245;--colors-sd-reference-color-scale-beige-600: #846132;--colors-sd-reference-color-scale-beige-700: #684C26;--colors-sd-reference-color-scale-beige-800: #503A1C;--colors-sd-reference-color-scale-beige-900: #3E2D17;--colors-sd-reference-color-scale-beige-1000: #2B2013;--colors-sd-reference-color-scale-yellow-100: #FEEDBE;--colors-sd-reference-color-scale-yellow-200: #FFE885;--colors-sd-reference-color-scale-yellow-300: #FFE600;--colors-sd-reference-color-scale-yellow-400: #EDD202;--colors-sd-reference-color-scale-yellow-500: #AC9301;--colors-sd-reference-color-scale-yellow-600: #857100;--colors-sd-reference-color-scale-yellow-700: #5F5100;--colors-sd-reference-color-scale-yellow-800: #4A3E00;--colors-sd-reference-color-scale-yellow-900: #3A3000;--colors-sd-reference-color-scale-yellow-1000: #292200;--colors-sd-reference-color-scale-green-100: #CAF9E6;--colors-sd-reference-color-scale-green-200: #AEEAD5;--colors-sd-reference-color-scale-green-300: #98E1C8;--colors-sd-reference-color-scale-green-400: #6ED0AE;--colors-sd-reference-color-scale-green-500: #40A683;--colors-sd-reference-color-scale-green-600: #2C755C;--colors-sd-reference-color-scale-green-700: #266751;--colors-sd-reference-color-scale-green-800: #184737;--colors-sd-reference-color-scale-green-900: #12372B;--colors-sd-reference-color-scale-green-1000: #0D271E;--colors-sd-reference-color-scale-sky-blue-100: #D9F6FC;--colors-sd-reference-color-scale-sky-blue-200: #C3EFF4;--colors-sd-reference-color-scale-sky-blue-300: #9CE6EC;--colors-sd-reference-color-scale-sky-blue-400: #64CCD3;--colors-sd-reference-color-scale-sky-blue-500: #00A3AF;--colors-sd-reference-color-scale-sky-blue-600: #00757E;--colors-sd-reference-color-scale-sky-blue-700: #015C63;--colors-sd-reference-color-scale-sky-blue-800: #01474C;--colors-sd-reference-color-scale-sky-blue-900: #02373C;--colors-sd-reference-color-scale-sky-blue-1000: #04272A;--colors-sd-reference-color-scale-blue-100: #EFF2FC;--colors-sd-reference-color-scale-blue-200: #D7DEFB;--colors-sd-reference-color-scale-blue-300: #BFCEFC;--colors-sd-reference-color-scale-blue-400: #8FAEFE;--colors-sd-reference-color-scale-blue-500: #428CFE;--colors-sd-reference-color-scale-blue-600: #0A69CF;--colors-sd-reference-color-scale-blue-700: #0650A0;--colors-sd-reference-color-scale-blue-800: #043F81;--colors-sd-reference-color-scale-blue-900: #073165;--colors-sd-reference-color-scale-blue-1000: #081E3F;--colors-sd-reference-color-scale-purple-100: #F4ECF6;--colors-sd-reference-color-scale-purple-200: #EADAEE;--colors-sd-reference-color-scale-purple-300: #DCBDE4;--colors-sd-reference-color-scale-purple-400: #CC9FD9;--colors-sd-reference-color-scale-purple-500: #AA61C2;--colors-sd-reference-color-scale-purple-600: #914DA9;--colors-sd-reference-color-scale-purple-700: #733B85;--colors-sd-reference-color-scale-purple-800: #592D68;--colors-sd-reference-color-scale-purple-900: #462352;--colors-sd-reference-color-scale-purple-1000: #32183A;--colors-sd-reference-color-scale-pink-100: #F9EBF0;--colors-sd-reference-color-scale-pink-200: #F6D7E0;--colors-sd-reference-color-scale-pink-300: #F5C1D1;--colors-sd-reference-color-scale-pink-400: #F190B4;--colors-sd-reference-color-scale-pink-500: #EB4F8E;--colors-sd-reference-color-scale-pink-600: #B9336B;--colors-sd-reference-color-scale-pink-700: #932653;--colors-sd-reference-color-scale-pink-800: #711D41;--colors-sd-reference-color-scale-pink-900: #591734;--colors-sd-reference-color-scale-pink-1000: #401026;--colors-sd-system-color-impression-primary: #0650A0;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #0650A0;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #BFCEFC;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #BFCEFC;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #EFF2FC;--colors-sd-system-color-impression-on-tertiary: #000000;--colors-sd-system-color-impression-tertiary-container: #EFF2FC;--colors-sd-system-color-impression-on-tertiary-container: #000000;--colors-sd-system-color-impression-notice: #FFE600;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FFE600;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-negative: #CE0037;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FCD6D3;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-positive: #40A683;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #40A683;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #696966;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-outline: #C8C7C2;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #EFEEEB;--colors-sd-system-color-interaction-disabled-on-surface: #AFAEAA;--colors-sd-system-color-interaction-selected-surface: #BFCEFC;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;--spacing-sd-reference-dimension-scale-0: 0px;--spacing-sd-reference-dimension-scale-1: 1px;--spacing-sd-reference-dimension-scale-2: 2px;--spacing-sd-reference-dimension-scale-3: 4px;--spacing-sd-reference-dimension-scale-4: 8px;--spacing-sd-reference-dimension-scale-5: 12px;--spacing-sd-reference-dimension-scale-6: 16px;--spacing-sd-reference-dimension-scale-7: 20px;--spacing-sd-reference-dimension-scale-8: 24px;--spacing-sd-reference-dimension-scale-9: 28px;--spacing-sd-reference-dimension-scale-10: 32px;--spacing-sd-reference-dimension-scale-11: 36px;--spacing-sd-reference-dimension-scale-12: 40px;--spacing-sd-reference-dimension-scale-13: 48px;--spacing-sd-reference-dimension-scale-14: 56px;--spacing-sd-reference-dimension-scale-15: 64px;--spacing-sd-reference-dimension-scale-16: 72px;--spacing-sd-reference-dimension-scale-17: 80px;--spacing-sd-reference-dimension-scale-18: 96px;--spacing-sd-system-dimension-spacing-none: 0px;--spacing-sd-system-dimension-spacing-two-extra-small: 4px;--spacing-sd-system-dimension-spacing-extra-small: 8px;--spacing-sd-system-dimension-spacing-small: 12px;--spacing-sd-system-dimension-spacing-medium: 16px;--spacing-sd-system-dimension-spacing-large: 20px;--spacing-sd-system-dimension-spacing-extra-large: 24px;--spacing-sd-system-dimension-spacing-two-extra-large: 32px;--spacing-sd-system-dimension-spacing-three-extra-large: 40px;--spacing-sd-system-dimension-spacing-four-extra-large: 48px;--spacing-sd-system-dimension-spacing-five-extra-large: 64px;--spacing-sd-system-dimension-spacing-six-extra-large: 80px;--sizes-sd-reference-dimension-breakpoint-small: 640px;--sizes-sd-reference-dimension-breakpoint-medium: 768px;--sizes-sd-reference-dimension-breakpoint-large: 1024px;--sizes-sd-reference-dimension-breakpoint-extra-large: 1280px;--sizes-sd-reference-dimension-scale-0: 0px;--sizes-sd-reference-dimension-scale-1: 1px;--sizes-sd-reference-dimension-scale-2: 2px;--sizes-sd-reference-dimension-scale-3: 4px;--sizes-sd-reference-dimension-scale-4: 8px;--sizes-sd-reference-dimension-scale-5: 12px;--sizes-sd-reference-dimension-scale-6: 16px;--sizes-sd-reference-dimension-scale-7: 20px;--sizes-sd-reference-dimension-scale-8: 24px;--sizes-sd-reference-dimension-scale-9: 28px;--sizes-sd-reference-dimension-scale-10: 32px;--sizes-sd-reference-dimension-scale-11: 36px;--sizes-sd-reference-dimension-scale-12: 40px;--sizes-sd-reference-dimension-scale-13: 48px;--sizes-sd-reference-dimension-scale-14: 56px;--sizes-sd-reference-dimension-scale-15: 64px;--sizes-sd-reference-dimension-scale-16: 72px;--sizes-sd-reference-dimension-scale-17: 80px;--sizes-sd-reference-dimension-scale-18: 96px;--sizes-sd-system-dimension-breakpoint-compact: 0px;--sizes-sd-system-dimension-breakpoint-expanded: 768px;--sizes-sd-system-dimension-spacing-none: 0px;--sizes-sd-system-dimension-spacing-two-extra-small: 4px;--sizes-sd-system-dimension-spacing-extra-small: 8px;--sizes-sd-system-dimension-spacing-small: 12px;--sizes-sd-system-dimension-spacing-medium: 16px;--sizes-sd-system-dimension-spacing-large: 20px;--sizes-sd-system-dimension-spacing-extra-large: 24px;--sizes-sd-system-dimension-spacing-two-extra-large: 32px;--sizes-sd-system-dimension-spacing-three-extra-large: 40px;--sizes-sd-system-dimension-spacing-four-extra-large: 48px;--sizes-sd-system-dimension-spacing-five-extra-large: 64px;--sizes-sd-system-dimension-spacing-six-extra-large: 80px;--sizes-breakpoint-expanded: 768px;--opacity-sd-reference-elevation-opacity-scale-0: 0;--opacity-sd-reference-elevation-opacity-scale-1: .1;--opacity-sd-reference-elevation-opacity-scale-2: .2;--opacity-sd-reference-elevation-opacity-scale-3: .3;--opacity-sd-reference-elevation-opacity-scale-4: .4;--opacity-sd-reference-elevation-opacity-scale-5: .5;--opacity-sd-reference-elevation-opacity-scale-6: .6;--opacity-sd-reference-elevation-opacity-scale-7: .7;--opacity-sd-reference-elevation-opacity-scale-8: .8;--opacity-sd-reference-elevation-opacity-scale-9: .9;--opacity-sd-reference-elevation-opacity-scale-10: 1;--fonts-sd-reference-typography-font-family-primary: inherit;--fonts-sd-reference-typography-font-family-monospace: Noto Sans Mono;--font-weights-sd-reference-typography-font-weight-regular: 400;--font-weights-sd-reference-typography-font-weight-bold: 700;--line-heights-sd-reference-typography-line-height-none: 1;--line-heights-sd-reference-typography-line-height-tight: 1.4;--line-heights-sd-reference-typography-line-height-normal: 1.6;--line-heights-sd-reference-typography-line-height-relaxed: 1.8;--font-sizes-sd-reference-typography-scale-expanded-four-extra-small: 10px;--font-sizes-sd-reference-typography-scale-expanded-three-extra-small: 11px;--font-sizes-sd-reference-typography-scale-expanded-two-extra-small: 12px;--font-sizes-sd-reference-typography-scale-expanded-extra-small: 13px;--font-sizes-sd-reference-typography-scale-expanded-small: 14px;--font-sizes-sd-reference-typography-scale-expanded-medium: 16px;--font-sizes-sd-reference-typography-scale-expanded-large: 18px;--font-sizes-sd-reference-typography-scale-expanded-extra-large: 21px;--font-sizes-sd-reference-typography-scale-expanded-two-extra-large: 26px;--font-sizes-sd-reference-typography-scale-expanded-three-extra-large: 32px;--font-sizes-sd-reference-typography-scale-expanded-four-extra-large: 43px;--font-sizes-sd-reference-typography-scale-expanded-five-extra-large: 64px;--font-sizes-sd-reference-typography-scale-compact-two-extra-small: 10px;--font-sizes-sd-reference-typography-scale-compact-extra-small: 11px;--font-sizes-sd-reference-typography-scale-compact-small: 12px;--font-sizes-sd-reference-typography-scale-compact-medium: 14px;--font-sizes-sd-reference-typography-scale-compact-large: 16px;--font-sizes-sd-reference-typography-scale-compact-extra-large: 19px;--font-sizes-sd-reference-typography-scale-compact-two-extra-large: 22px;--font-sizes-sd-reference-typography-scale-compact-three-extra-large: 28px;--font-sizes-sd-reference-typography-scale-compact-four-extra-large: 37px;--font-sizes-sd-reference-typography-scale-compact-five-extra-large: 56px;--border-widths-sd-system-dimension-border-medium: 1px;--border-widths-sd-system-dimension-border-thick: 2px;--border-widths-sd-system-dimension-border-extra-thick: 4px;--radii-sd-system-dimension-radius-extra-small: 2px;--radii-sd-system-dimension-radius-small: 4px;--radii-sd-system-dimension-radius-medium: 8px;--radii-sd-system-dimension-radius-large: 12px;--radii-sd-system-dimension-radius-extra-large: 16px;--radii-sd-system-dimension-radius-full: 9999px;--shadows-sd-system-elevation-shadow-level1: 0px 1px 2px 0px #0000004D;--shadows-sd-system-elevation-shadow-level2: 0px 1px 4px 0px #00000033;--shadows-sd-system-elevation-shadow-level3: 0px 2px 8px 0px #00000033;--shadows-sd-system-elevation-shadow-level4: 0px 4px 12px 0px #00000033;--shadows-sd-system-elevation-shadow-level5: 0px 8px 24px 0px #00000033;--z-index-sd-system-elevation-z-index-deep-dive: -1000;--z-index-sd-system-elevation-z-index-base: 0;--z-index-sd-system-elevation-z-index-docked: 10;--z-index-sd-system-elevation-z-index-dropdown: 500;--z-index-sd-system-elevation-z-index-modal: 1000;--z-index-sd-system-elevation-z-index-toast: 2000;--breakpoints-expanded: 768px}[data-panda-theme=asagi]{--colors-sd-system-color-impression-primary: #00757E;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #00757E;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #AEEAD5;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #AEEAD5;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #EFEEEB;--colors-sd-system-color-impression-on-tertiary: #000000;--colors-sd-system-color-impression-tertiary-container: #EFEEEB;--colors-sd-system-color-impression-on-tertiary-container: #000000;--colors-sd-system-color-impression-notice: #FFE600;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FFE600;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-negative: #CE0037;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FCD6D3;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-positive: #40A683;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #40A683;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #696966;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-outline: #C8C7C2;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #EFEEEB;--colors-sd-system-color-interaction-disabled-on-surface: #AFAEAA;--colors-sd-system-color-interaction-selected-surface: #AEEAD5;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99 }[data-panda-theme=kurikawa]{--colors-sd-system-color-impression-primary: #803510;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #803510;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #F7C6B0;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #F7C6B0;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #F7EDE2;--colors-sd-system-color-impression-on-tertiary: #000000;--colors-sd-system-color-impression-tertiary-container: #F7EDE2;--colors-sd-system-color-impression-on-tertiary-container: #000000;--colors-sd-system-color-impression-notice: #FFE600;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FFE600;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-negative: #CE0037;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FCD6D3;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-positive: #40A683;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #40A683;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #696966;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-outline: #C8C7C2;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #EFEEEB;--colors-sd-system-color-interaction-disabled-on-surface: #AFAEAA;--colors-sd-system-color-interaction-selected-surface: #F7C6B0;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99 }[data-panda-theme=sumire]{--colors-sd-system-color-impression-primary: #733B85;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #733B85;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #DCBDE4;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #DCBDE4;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #073165;--colors-sd-system-color-impression-on-tertiary: #FFFFFF;--colors-sd-system-color-impression-tertiary-container: #073165;--colors-sd-system-color-impression-on-tertiary-container: #FFFFFF;--colors-sd-system-color-impression-notice: #FFE600;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FFE600;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-negative: #CE0037;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FCD6D3;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-positive: #40A683;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #40A683;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #696966;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-outline: #C8C7C2;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #EFEEEB;--colors-sd-system-color-interaction-disabled-on-surface: #AFAEAA;--colors-sd-system-color-interaction-selected-surface: #DCBDE4;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99 }[data-panda-theme=tsutsuji]{--colors-sd-system-color-impression-primary: #B9336B;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #F5C1D1;--colors-sd-system-color-impression-on-primary-container: #000000;--colors-sd-system-color-impression-secondary: #F6D7E0;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #F6D7E0;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #401026;--colors-sd-system-color-impression-on-tertiary: #FFFFFF;--colors-sd-system-color-impression-tertiary-container: #401026;--colors-sd-system-color-impression-on-tertiary-container: #FFFFFF;--colors-sd-system-color-impression-notice: #FFE600;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FFE600;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-negative: #CE0037;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FCD6D3;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-positive: #40A683;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #40A683;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #696966;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-outline: #C8C7C2;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #EFEEEB;--colors-sd-system-color-interaction-disabled-on-surface: #AFAEAA;--colors-sd-system-color-interaction-selected-surface: #F6D7E0;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99 }@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer utilities{@layer compositions{.textStyle_sd\.system\.typography\.body\.medium_compact{font-size:16px;font-weight:400;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.label\.extraLarge_compact{font-size:16px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.label\.small_compact{font-size:11px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.label\.medium_compact{font-size:12px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.label\.large_compact{font-size:14px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.body\.extraSmall_compact{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}.textStyle_sd\.system\.typography\.title\.large_compact{font-size:22px;font-weight:700;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.title\.small_compact{font-size:16px;font-weight:700;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.body\.small_compact{font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.title\.medium_compact{font-size:19px;font-weight:700;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.medium_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.extraSmall_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}.expanded\:textStyle_sd\.system\.typography\.label\.extraLarge_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:14px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.label\.small_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:11px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.title\.large_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:18px;font-weight:700;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.medium_compact:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:16px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.label\.large_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:13px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.body\.small_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:13px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.title\.medium_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:16px;font-weight:700;font-family:inherit;line-height:1.6}@media screen and (min-width: 48rem){.expanded\:textStyle_sd\.system\.typography\.label\.small_expanded{font-size:11px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.label\.medium_expanded{font-size:12px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.label\.large_expanded{font-size:13px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.body\.medium_expanded{font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.label\.small_compact{font-size:11px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.title\.small_expanded{font-size:14px;font-weight:700;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.small_expanded{font-size:13px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.extraSmall_expanded{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}}@media screen and (min-width: 48rem){.expanded\:expanded\:textStyle_sd\.system\.typography\.body\.medium_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}}}.d_flex{display:flex}.w_100\%{width:100%}.gap_sd\.system\.dimension\.spacing\.extraSmall{gap:var(--spacing-sd-system-dimension-spacing-extra-small)}.px_sd\.system\.dimension\.spacing\.medium{padding-inline:var(--spacing-sd-system-dimension-spacing-medium)}.py_sd\.system\.dimension\.spacing\.small{padding-block:var(--spacing-sd-system-dimension-spacing-small)}.cursor_pointer{cursor:pointer}.flex_1{flex:1 1 0%}.ta_left{text-align:left}.c_sd\.system\.color\.component\.onSurface{color:var(--colors-sd-system-color-component-on-surface)}.flex_0_0_24px{flex:0 0 24px}.trs_transform_0\.2s{transition:transform .2s}.trf_rotate\(-90deg\){transform:rotate(-90deg)}.w_24{width:24px}.bdr_50\%{border-radius:50%}.h_24{height:24px}.w_40{width:40px}.h_40{height:40px}.w_80{width:80px}.h_80{height:80px}.h_100\%{height:100%}.d_inline-flex{display:inline-flex}.gap_2px{gap:2px}.bdr_sd\.system\.dimension\.radius\.extraLarge{border-radius:var(--radii-sd-system-dimension-radius-extra-large)}.bg_sd\.system\.color\.interaction\.hoveredVariant{background:var(--colors-sd-system-color-interaction-hovered-variant)}.h_16px{height:16px}.h_24px{height:24px}.h_32px{height:32px}.bg_sd\.reference\.color\.scale\.gray\.600{background:var(--colors-sd-reference-color-scale-gray-600)}.c_sd\.system\.color\.component\.inverseOnSurface{color:var(--colors-sd-system-color-component-inverse-on-surface)}.bg_sd\.reference\.color\.scale\.blue\.600{background:var(--colors-sd-reference-color-scale-blue-600)}.bg_sd\.reference\.color\.scale\.green\.600{background:var(--colors-sd-reference-color-scale-green-600)}.bg_sd\.reference\.color\.scale\.yellow\.600{background:var(--colors-sd-reference-color-scale-yellow-600)}.bg_sd\.reference\.color\.scale\.chestnut\.600{background:var(--colors-sd-reference-color-scale-chestnut-600)}.bg_sd\.reference\.color\.scale\.red\.600{background:var(--colors-sd-reference-color-scale-red-600)}.bg_sd\.reference\.color\.scale\.gray\.100{background:var(--colors-sd-reference-color-scale-gray-100)}.c_sd\.reference\.color\.scale\.gray\.800{color:var(--colors-sd-reference-color-scale-gray-800)}.bg_sd\.reference\.color\.scale\.blue\.100{background:var(--colors-sd-reference-color-scale-blue-100)}.c_sd\.reference\.color\.scale\.blue\.800{color:var(--colors-sd-reference-color-scale-blue-800)}.bg_sd\.reference\.color\.scale\.green\.100{background:var(--colors-sd-reference-color-scale-green-100)}.c_sd\.reference\.color\.scale\.green\.800{color:var(--colors-sd-reference-color-scale-green-800)}.bg_sd\.reference\.color\.scale\.yellow\.100{background:var(--colors-sd-reference-color-scale-yellow-100)}.c_sd\.reference\.color\.scale\.yellow\.800{color:var(--colors-sd-reference-color-scale-yellow-800)}.bg_sd\.reference\.color\.scale\.chestnut\.100{background:var(--colors-sd-reference-color-scale-chestnut-100)}.c_sd\.reference\.color\.scale\.chestnut\.800{color:var(--colors-sd-reference-color-scale-chestnut-800)}.bg_sd\.reference\.color\.scale\.red\.100{background:var(--colors-sd-reference-color-scale-red-100)}.c_sd\.reference\.color\.scale\.red\.800{color:var(--colors-sd-reference-color-scale-red-800)}.c_currentColor{color:currentColor}.d_grid{display:grid}.p_sd\.system\.dimension\.spacing\.small{padding:var(--spacing-sd-system-dimension-spacing-small)}.bdr_sd\.system\.dimension\.radius\.medium{border-radius:var(--radii-sd-system-dimension-radius-medium)}.bg_sd\.system\.color\.component\.surface{background:var(--colors-sd-system-color-component-surface)}.bg_sd\.system\.color\.impression\.negativeContainer{background:var(--colors-sd-system-color-impression-negative-container)}.c_sd\.system\.color\.impression\.onNegativeContainer{color:var(--colors-sd-system-color-impression-on-negative-container)}.bg_sd\.system\.color\.impression\.noticeContainer{background:var(--colors-sd-system-color-impression-notice-container)}.c_sd\.system\.color\.impression\.onNoticeContainer{color:var(--colors-sd-system-color-impression-on-notice-container)}.c_sd\.system\.color\.impression\.negative{color:var(--colors-sd-system-color-impression-negative)}.grid-area_2_\/_2_\/_3_\/_3{grid-area:2 / 2 / 3 / 3}.h_64{height:64px}.bd-t_1px_solid{border-top:1px solid}.gap_sd\.system\.dimension\.spacing\.twoExtraSmall{gap:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pos_relative{position:relative}.c_sd\.system\.color\.impression\.primary{color:var(--colors-sd-system-color-impression-primary)}.pos_absolute{position:absolute}.bdr_sd\.system\.dimension\.radius\.full{border-radius:var(--radii-sd-system-dimension-radius-full)}.ov_hidden{overflow:hidden}.bg_sd\.system\.color\.impression\.primaryContainer{background:var(--colors-sd-system-color-impression-primary-container)}.c_sd\.system\.color\.impression\.onPrimaryContainer{color:var(--colors-sd-system-color-impression-on-primary-container)}.h_48{height:48px}.px_sd\.system\.dimension\.spacing\.extraLarge{padding-inline:var(--spacing-sd-system-dimension-spacing-extra-large)}.h_32{height:32px}.px_sd\.system\.dimension\.spacing\.small{padding-inline:var(--spacing-sd-system-dimension-spacing-small)}.py_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-block:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.z_sd\.system\.elevation\.zIndex\.base{z-index:var(--z-index-sd-system-elevation-z-index-base)}.c_white{color:#fff}.c_gray{color:gray}.p_2px{padding:2px}.gap_sd\.system\.dimension\.spacing\.medium{gap:var(--spacing-sd-system-dimension-spacing-medium)}.c_sd\.system\.color\.component\.outline{color:var(--colors-sd-system-color-component-outline)}.flex-flow_column{flex-flow:column}.c_sd\.system\.color\.component\.onSurfaceVariant{color:var(--colors-sd-system-color-component-on-surface-variant)}.min-h_160px{min-height:160px}.gap_sd\.system\.dimension\.spacing\.twoExtraLarge{gap:var(--spacing-sd-system-dimension-spacing-two-extra-large)}.grid-c_span_2{grid-column:span 2}.order_-1{order:-1}.--thickness_1px{--thickness: 1px}.bd_none{border:none}.h_sd\.reference\.dimension\.scale\.1{height:var(--sizes-sd-reference-dimension-scale-1)}.w_sd\.reference\.dimension\.scale\.1{width:var(--sizes-sd-reference-dimension-scale-1)}.min-h_10px{min-height:10px}.bg_sd\.system\.color\.component\.scrim{background:var(--colors-sd-system-color-component-scrim)}.pos_fixed{position:fixed}.inset_0{top:0;right:0;bottom:0;left:0}.z_sd\.system\.elevation\.zIndex\.modal{z-index:var(--z-index-sd-system-elevation-z-index-modal)}.w_calc\(100\%_-_\{spacing\.sd\.system\.dimension\.spacing\.extraLarge\}\){width:calc(100% - var(--spacing-sd-system-dimension-spacing-extra-large))}.max-w_375px{max-width:375px}.h_100vh{height:100vh}.bx-sh_sd\.system\.elevation\.shadow\.level5{box-shadow:var(--shadows-sd-system-elevation-shadow-level5)}.min-w_100\%{min-width:100%}.max-w_100\%{max-width:100%}.p_sd\.system\.dimension\.spacing\.twoExtraSmall{padding:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.bx-sh_sd\.system\.elevation\.shadow\.level1{box-shadow:var(--shadows-sd-system-elevation-shadow-level1)}.ring_none{outline:2px solid transparent;outline-offset:2px}.w_240{width:240px}.h_48px{height:48px}.gap_sd\.system\.dimension\.spacing\.small{gap:var(--spacing-sd-system-dimension-spacing-small)}.py_sd\.system\.dimension\.spacing\.extraSmall{padding-block:var(--spacing-sd-system-dimension-spacing-extra-small)}.ps_sd\.system\.dimension\.spacing\.medium{padding-inline-start:var(--spacing-sd-system-dimension-spacing-medium)}.w_\{spacing\.sd\.reference\.dimension\.scale\.17\}{width:var(--spacing-sd-reference-dimension-scale-17)}.h_\{spacing\.sd\.reference\.dimension\.scale\.17\}{height:var(--spacing-sd-reference-dimension-scale-17)}.w_\{spacing\.sd\.reference\.dimension\.scale\.13\}{width:var(--spacing-sd-reference-dimension-scale-13)}.h_\{spacing\.sd\.reference\.dimension\.scale\.13\}{height:var(--spacing-sd-reference-dimension-scale-13)}.w_\{spacing\.sd\.reference\.dimension\.scale\.10\}{width:var(--spacing-sd-reference-dimension-scale-10)}.h_\{spacing\.sd\.reference\.dimension\.scale\.10\}{height:var(--spacing-sd-reference-dimension-scale-10)}.min-h_48{min-height:48px}.min-h_38{min-height:38px}.min-w_24{min-width:24px}.trf_translate\(-50\%\,_-50\%\){transform:translate(-50%,-50%)}.w_calc\(100\%_-_\{spacing\.sd\.system\.dimension\.spacing\.large\}_\*_2\){width:calc(100% - var(--spacing-sd-system-dimension-spacing-large) * 2)}.max-w_408px{max-width:408px}.c_sd\.system\.color\.impression\.onNegative{color:var(--colors-sd-system-color-impression-on-negative)}.px_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-inline:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.h_16{height:16px}.min-w_16{min-width:16px}.px_sd\.system\.dimension\.spacing\.extraSmall{padding-inline:var(--spacing-sd-system-dimension-spacing-extra-small)}.h_8{height:8px}.px_0{padding-inline:0}.min-w_8{min-width:8px}.anim_1s_linear_infinite_spin{animation:1s linear infinite spin}.stk_sd\.reference\.color\.scale\.gray\.400{stroke:var(--colors-sd-reference-color-scale-gray-400)}.w_16px{width:16px}.w_24px{width:24px}.w_96px{width:96px}.h_96px{height:96px}.stk_sd\.reference\.color\.scale\.white\.1000{stroke:var(--colors-sd-reference-color-scale-white-1000)}.c_sd\.system\.color\.component\.outlineVariant{color:var(--colors-sd-system-color-component-outline-variant)}.tov_ellipsis{text-overflow:ellipsis}.d_inline-grid{display:inline-grid}.z_sd\.system\.elevation\.zIndex\.dropdown{z-index:var(--z-index-sd-system-elevation-z-index-dropdown)}.w_40px{width:40px}.w_20px{width:20px}.w_sd\.system\.dimension\.spacing\.large{width:var(--sizes-sd-system-dimension-spacing-large)}.op_0{opacity:0}.h_sd\.system\.dimension\.spacing\.large{height:var(--sizes-sd-system-dimension-spacing-large)}.white-space_nowrap{white-space:nowrap}.bdr_sd\.system\.dimension\.radius\.small{border-radius:var(--radii-sd-system-dimension-radius-small)}.c_sd\.reference\.color\.scale\.orange\.500{color:sd.reference.color.scale.orange.5}.w_1em{width:1em}.h_1em{height:1em}.fill_currentColor{fill:currentColor}.w_52{width:52px}.d_block{display:block}.w_20{width:20px}.h_20{height:20px}.my_5{margin-block:5px}.mx_6{margin-inline:6px}.w_160{width:160px}.h_44{height:44px}.bd-b_2px_solid{border-bottom:2px solid}.w_8{width:8px}.w_16{width:16px}.field-sizing_content{field-sizing:content}.min-h_2lh{min-height:2lh}.ta_right{text-align:right}.place-items_center{place-items:center}.w_48px{width:48px}.gap_10px{gap:10px}.bx-sh_sd\.system\.elevation\.shadow\.level3{box-shadow:var(--shadows-sd-system-elevation-shadow-level3)}.bg_sd\.system\.color\.component\.inverseSurface{background:var(--colors-sd-system-color-component-inverse-surface)}.c_sd\.system\.color\.impression\.positive{color:var(--colors-sd-system-color-impression-positive)}.gap_8px{gap:8px}.flex-d_row-reverse{flex-direction:row-reverse}.pt_sd\.system\.dimension\.spacing\.small{padding-top:var(--spacing-sd-system-dimension-spacing-small)}.pb_sd\.system\.dimension\.spacing\.medium{padding-bottom:var(--spacing-sd-system-dimension-spacing-medium)}.flex-d_column{flex-direction:column}.ai_center{align-items:center}.jc_center{justify-content:center}.bg-c_sd\.reference\.color\.scale\.blue\.200{background-color:var(--colors-sd-reference-color-scale-blue-200)}.fs_11{font-size:11px}.fs_19{font-size:19px}.fs_37{font-size:37px}.pr_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-right:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pl_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-left:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pr_sd\.system\.dimension\.spacing\.extraSmall{padding-right:var(--spacing-sd-system-dimension-spacing-extra-small)}.pl_sd\.system\.dimension\.spacing\.extraSmall{padding-left:var(--spacing-sd-system-dimension-spacing-extra-small)}.pr_sd\.system\.dimension\.spacing\.medium{padding-right:var(--spacing-sd-system-dimension-spacing-medium)}.pl_sd\.system\.dimension\.spacing\.medium{padding-left:var(--spacing-sd-system-dimension-spacing-medium)}.grid-tc_24px_1fr{grid-template-columns:24px 1fr}.cg_sd\.system\.dimension\.spacing\.twoExtraSmall{column-gap:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.rg_sd\.system\.dimension\.spacing\.extraSmall{row-gap:var(--spacing-sd-system-dimension-spacing-extra-small)}.bd-w_sd\.system\.dimension\.border\.medium{border-width:var(--border-widths-sd-system-dimension-border-medium)}.border-style_solid{border-style:solid}.bd-c_sd\.system\.color\.component\.outline{border-color:var(--colors-sd-system-color-component-outline)}.bd-c_sd\.system\.color\.impression\.negativeContainer{border-color:var(--colors-sd-system-color-impression-negative-container)}.bd-c_sd\.system\.color\.impression\.noticeContainer{border-color:var(--colors-sd-system-color-impression-notice-container)}.jc_space-around{justify-content:space-around}.bd-t-c_sd\.system\.color\.component\.outline{border-top-color:var(--colors-sd-system-color-component-outline)}.top_-6px{top:-6px}.right_4px{right:4px}.top_-2\.5px{top:-2.5px}.ring-w_sd\.system\.dimension\.border\.medium{outline-width:var(--border-widths-sd-system-dimension-border-medium)}.outline-style_solid{outline-style:solid}.ring-c_sd\.system\.color\.component\.outline{outline-color:var(--colors-sd-system-color-component-outline)}.bg-c_sd\.system\.color\.component\.surface{background-color:var(--colors-sd-system-color-component-surface)}.pl_sd\.system\.dimension\.spacing\.extraLarge{padding-left:var(--spacing-sd-system-dimension-spacing-extra-large)}.pr_sd\.system\.dimension\.spacing\.extraLarge{padding-right:var(--spacing-sd-system-dimension-spacing-extra-large)}.flex-sh_0{flex-shrink:0}.mt_sd\.system\.dimension\.spacing\.twoExtraSmall{margin-top:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.ai_flex-start{align-items:flex-start}.bg-c_sd\.reference\.color\.scale\.gray\.200{background-color:var(--colors-sd-reference-color-scale-gray-200)}.jc_space-between{justify-content:space-between}.grid-tc_1fr{grid-template-columns:1fr}.grid-tc_auto_1fr{grid-template-columns:auto 1fr}.grid-tc_1fr_1fr{grid-template-columns:1fr 1fr}.as_flex-end{align-self:flex-end}.ai_baseline{align-items:baseline}.border-block-end-width_var\(--thickness\){border-block-end-width:var(--thickness)}.bd-c_sd\.reference\.color\.scale\.gray\.200{border-color:var(--colors-sd-reference-color-scale-gray-200)}.bd-c_sd\.reference\.color\.scale\.gray\.300{border-color:var(--colors-sd-reference-color-scale-gray-300)}.bd-c_sd\.system\.color\.component\.outlineVariant{border-color:var(--colors-sd-system-color-component-outline-variant)}.border-bottom-style_solid{border-bottom-style:solid}.border-left-style_solid{border-left-style:solid}.top_0{top:0}.left_0{left:0}.jc_flex-start{justify-content:flex-start}.right_0{right:0}.jc_flex-end{justify-content:flex-end}.pr_sd\.system\.dimension\.spacing\.small{padding-right:var(--spacing-sd-system-dimension-spacing-small)}.ml_2px{margin-left:2px}.bg-c_sd\.system\.color\.impression\.primaryContainer{background-color:var(--colors-sd-system-color-impression-primary-container)}.ring-c_transparent{outline-color:transparent}.flex-g_1{flex-grow:1}.right_sd\.system\.dimension\.spacing\.medium{right:var(--spacing-sd-system-dimension-spacing-medium)}.top_sd\.system\.dimension\.spacing\.extraSmall{top:var(--spacing-sd-system-dimension-spacing-extra-small)}.top_50\%{top:50%}.left_50\%{left:50%}.pt_sd\.system\.dimension\.spacing\.extraLarge{padding-top:var(--spacing-sd-system-dimension-spacing-extra-large)}.pb_sd\.system\.dimension\.spacing\.large{padding-bottom:var(--spacing-sd-system-dimension-spacing-large)}.bg-c_sd\.system\.color\.impression\.negative{background-color:var(--colors-sd-system-color-impression-negative)}.bg-c_sd\.system\.color\.impression\.primary{background-color:var(--colors-sd-system-color-impression-primary)}.lh_24px{line-height:24px}.lh_1{line-height:1}.grid-tc_auto_1fr_auto{grid-template-columns:auto 1fr auto}.pb_sd\.system\.dimension\.spacing\.small{padding-bottom:var(--spacing-sd-system-dimension-spacing-small)}.pt_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-top:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pb_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-bottom:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.scr-pl_sd\.system\.dimension\.spacing\.twoExtraSmall{scroll-padding-left:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pb_sd\.system\.dimension\.spacing\.extraSmall{padding-bottom:var(--spacing-sd-system-dimension-spacing-extra-small)}.pt_sd\.system\.dimension\.spacing\.extraSmall{padding-top:var(--spacing-sd-system-dimension-spacing-extra-small)}.grid-tc_minmax\(auto\,_300px\){grid-template-columns:minmax(auto,300px)}.grid-tc_minmax\(auto\,_150px\){grid-template-columns:minmax(auto,150px)}.grid-tc_1fr_auto{grid-template-columns:1fr auto}.bg-c_sd\.system\.color\.interaction\.disabled{background-color:var(--colors-sd-system-color-interaction-disabled)}.bd-w_1{border-width:1px}.trs-dur_\.2s{--transition-duration: .2s;transition-duration:.2s}.trs-prop_background\,_borderColor{--transition-prop: background, borderColor;transition-property:background,borderColor}.trs-tmf_cubic-bezier\(\.2\,_0\,_0\,_1\){--transition-easing: cubic-bezier(.2, 0, 0, 1);transition-timing-function:cubic-bezier(.2,0,0,1)}.trs-dur_\.3s{--transition-duration: .3s;transition-duration:.3s}.trs-prop_transform\,_borderColor{--transition-prop: transform, borderColor;transition-property:transform,borderColor}.lh_sd\.reference\.typography\.lineHeight\.tight{line-height:var(--line-heights-sd-reference-typography-line-height-tight)}.trs-prop_color\,_border-color{--transition-prop: color, border-color;transition-property:color,border-color}.bd-b-c_transparent{border-bottom-color:transparent}.bg-c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\,_\{colors\.sd\.system\.color\.impression\.negativeContainer\}\)\;{background-color:color-mix(in srgb,var(--colors-sd-system-color-interaction-hovered-on-primary),var(--colors-sd-system-color-impression-negative-container))}.grid-tc_auto{grid-template-columns:auto}.mt_sd\.system\.dimension\.spacing\.extraSmall{margin-top:var(--spacing-sd-system-dimension-spacing-extra-small)}.mr_sd\.system\.dimension\.spacing\.twoExtraSmall{margin-right:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.mb_sd\.system\.dimension\.spacing\.twoExtraSmall{margin-bottom:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.ml_sd\.system\.dimension\.spacing\.small{margin-left:var(--spacing-sd-system-dimension-spacing-small)}.flex-d_row{flex-direction:row}.bd-c_sd\.system\.color\.impression\.negative{border-color:var(--colors-sd-system-color-impression-negative)}.open\:trf_rotate\(180deg\):is([open],[data-open],[data-state=open]){transform:rotate(180deg)}.open\:trf_rotate\(0deg\):is([open],[data-open],[data-state=open]){transform:rotate(0)}.\[\&_svg\]\:w_sd\.reference\.dimension\.scale\.8 svg{width:var(--sizes-sd-reference-dimension-scale-8)}.\[\&_svg\]\:h_sd\.reference\.dimension\.scale\.8 svg{height:var(--sizes-sd-reference-dimension-scale-8)}.disabled\:cursor_not-allowed:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.disabled\:bg_sd\.system\.color\.interaction\.disabled:is(:disabled,[disabled],[data-disabled]){background:var(--colors-sd-system-color-interaction-disabled)}.disabled\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled]){color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.disabled\:ring_none:is(:disabled,[disabled],[data-disabled]){outline:2px solid transparent;outline-offset:2px}.\[\&_\.checkmark\]\:c_sd\.system\.color\.impression\.onPrimaryContainer .checkmark{color:var(--colors-sd-system-color-impression-on-primary-container)}.disabled\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.outline\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]){color:color-mix(in srgb,var(--colors-sd-system-color-component-outline),var(--colors-sd-system-color-interaction-hovered-on-primary))}.disabled\:ring_solid:is(:disabled,[disabled],[data-disabled]){outline:solid}.disabled\:ring-o_0px:is(:disabled,[disabled],[data-disabled]){outline-offset:0px}.disabled\:bg_transparent:is(:disabled,[disabled],[data-disabled]){background:transparent}.\[\&_svg\]\:w_sd\.reference\.dimension\.scale\.12 svg{width:var(--sizes-sd-reference-dimension-scale-12)}.\[\&_svg\]\:h_sd\.reference\.dimension\.scale\.12 svg{height:var(--sizes-sd-reference-dimension-scale-12)}.selected\:bg_sd\.system\.color\.interaction\.selectedSurface:is([aria-selected=true],[data-selected]){background:var(--colors-sd-system-color-interaction-selected-surface)}.disabled\:op_0\.3:is(:disabled,[disabled],[data-disabled]){opacity:.3}.\[\&_svg\]\:w_24px svg{width:24px}.\[\&_svg\]\:h_24px svg{height:24px}.\[\&_svg\]\:d_block svg{display:block}.\[\&_svg\]\:max-h_100\% svg{max-height:100%}.\[\&_svg\]\:max-w_100\% svg{max-width:100%}.\[\&_svg\]\:w_40px svg{width:40px}.\[\&_svg\]\:h_40px svg{height:40px}.disabled\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.impression\.primary\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]){color:color-mix(in srgb,var(--colors-sd-system-color-impression-primary),var(--colors-sd-system-color-interaction-hovered-on-primary))}.disabled\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.outlineVariant\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]){color:color-mix(in srgb,var(--colors-sd-system-color-component-outline-variant),var(--colors-sd-system-color-interaction-hovered-on-primary))}.placeholder\:c_sd\.system\.color\.component\.onSurfaceVariant::placeholder,.placeholder\:c_sd\.system\.color\.component\.onSurfaceVariant[data-placeholder]{color:var(--colors-sd-system-color-component-on-surface-variant)}[data-disabled] .\[\[data-disabled\]_\&\]\:c_sd\.system\.color\.interaction\.disabledOnSurface{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}[data-state=open] .\[\[data-state\=open\]_\&\]\:op_1{opacity:1}[data-placeholder-shown] .\[\[data-placeholder-shown\]_\&\]\:c_sd\.system\.color\.component\.onSurfaceVariant{color:var(--colors-sd-system-color-component-on-surface-variant)}.disabled\:cursor_default:is(:disabled,[disabled],[data-disabled]){cursor:default}.checked\:trf_translateX\(19px\):is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){transform:translate(19px)}.selected\:c_sd\.system\.color\.impression\.primary:is([aria-selected=true],[data-selected]){color:var(--colors-sd-system-color-impression-primary)}.disabled\:bg-c_sd\.system\.color\.interaction\.disabled:is(:disabled,[disabled],[data-disabled]){background-color:var(--colors-sd-system-color-interaction-disabled)}.highlighted\:bg-c_sd\.system\.color\.interaction\.hoveredVariant[data-highlighted]{background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.disabled\:ring-c_sd\.system\.color\.component\.outline:is(:disabled,[disabled],[data-disabled]){outline-color:var(--colors-sd-system-color-component-outline)}.disabled\:ring-w_sd\.system\.dimension\.border\.medium:is(:disabled,[disabled],[data-disabled]){outline-width:var(--border-widths-sd-system-dimension-border-medium)}.disabled\:ring-c_transparent:is(:disabled,[disabled],[data-disabled]){outline-color:transparent}.invalid\:ring-c_sd\.system\.color\.impression\.negative:is(:invalid,[data-invalid]){outline-color:var(--colors-sd-system-color-impression-negative)}.\[\&\[data-focus\=\"true\"\]_\.control\]\:bd-c_sd\.system\.color\.impression\.primary[data-focus=true] .control{border-color:var(--colors-sd-system-color-impression-primary)}.checked\:bg-c_sd\.system\.color\.impression\.primary:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){background-color:var(--colors-sd-system-color-impression-primary)}.checked\:bd-c_sd\.system\.color\.impression\.primary:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){border-color:var(--colors-sd-system-color-impression-primary)}.checked\:bd-c_sd\.system\.color\.component\.surface:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){border-color:var(--colors-sd-system-color-component-surface)}.selected\:fw_bold:is([aria-selected=true],[data-selected]){font-weight:700}.selected\:bd-b-c_sd\.system\.color\.impression\.primary:is([aria-selected=true],[data-selected]){border-bottom-color:var(--colors-sd-system-color-impression-primary)}.\[\&\:has\(\[data-focus\=\"true\"\]\)\]\:ring-w_sd\.system\.dimension\.border\.thick:has([data-focus=true]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.\[\&\:has\(\[data-focus\=\"true\"\]\)\]\:ring-c_sd\.system\.color\.impression\.primary:has([data-focus=true]){outline-color:var(--colors-sd-system-color-impression-primary)}.lastOfType\:pb_8px:last-of-type{padding-bottom:8px}.firstOfType\:pb_0px:first-of-type{padding-bottom:0}.focusWithin\:ring-w_sd\.system\.dimension\.border\.thick:focus-within{outline-width:var(--border-widths-sd-system-dimension-border-thick)}.focusWithin\:ring-c_sd\.system\.color\.impression\.primary:focus-within{outline-color:var(--colors-sd-system-color-impression-primary)}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:ring-o_-2px{outline-offset:-2px}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bdr_sd\.system\.dimension\.radius\.small{border-radius:var(--radii-sd-system-dimension-radius-small)}.focusVisible\:ring_1px_solid:is(:focus-visible,[data-focus-visible]){outline:1px solid}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bdr_sd\.system\.dimension\.radius\.full{border-radius:var(--radii-sd-system-dimension-radius-full)}.focusVisible\:ring-o_-1px:is(:focus-visible,[data-focus-visible]){outline-offset:-1px}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:outline-style_solid{outline-style:solid}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:ring-w_1\.5px{outline-width:1.5px}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:ring-c_sd\.system\.color\.impression\.primary{outline-color:var(--colors-sd-system-color-impression-primary)}.focusVisible\:ring-c_sd\.system\.color\.component\.outline:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-component-outline)}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bg-c_sd\.system\.color\.interaction\.selectedSurface{background-color:var(--colors-sd-system-color-interaction-selected-surface)}.focus\:ring-w_sd\.system\.dimension\.border\.thick:is(:focus,[data-focus]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.focus\:ring-c_sd\.system\.color\.impression\.primary:is(:focus,[data-focus]){outline-color:var(--colors-sd-system-color-impression-primary)}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bd-c_sd\.system\.color\.impression\.primary{border-color:var(--colors-sd-system-color-impression-primary)}.focusVisible\:ring-w_1px:is(:focus-visible,[data-focus-visible]){outline-width:1px}.focusVisible\:outline-style_solid:is(:focus-visible,[data-focus-visible]){outline-style:solid}.hover\:bg_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.surface\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredVariant\}\):is(:hover,[data-hover]){background:color-mix(in srgb,var(--colors-sd-system-color-component-surface),var(--colors-sd-system-color-interaction-hovered-variant))}.hover\:bg_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.interaction\.hoveredVariant\}\,_\{colors\.sd\.system\.color\.component\.surface\}\)\;:is(:hover,[data-hover]){background:color-mix(in srgb,var(--colors-sd-system-color-interaction-hovered-variant),var(--colors-sd-system-color-component-surface))}.hover\:c_sd\.system\.color\.impression\.primary:is(:hover,[data-hover]){color:var(--colors-sd-system-color-impression-primary)}.hover\:bg-c_sd\.system\.color\.interaction\.hoveredVariant:is(:hover,[data-hover]){background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.expanded\:\[\&_svg\]\:trf_rotate\(180deg\):is([aria-expanded=true],[data-expanded],[data-state=expanded]) svg{transform:rotate(180deg)}.enabled\:focusVisible\:ring-o_-1px:enabled:is(:focus-visible,[data-focus-visible]){outline-offset:-1px}.selected\:hover\:bg_sd\.system\.color\.interaction\.selectedSurface:is([aria-selected=true],[data-selected]):is(:hover,[data-hover]){background:var(--colors-sd-system-color-interaction-selected-surface)}.disabled\:selected\:bg_transparent:is(:disabled,[disabled],[data-disabled]):is([aria-selected=true],[data-selected]){background:transparent}.disabled\:placeholder\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled])::placeholder,.disabled\:placeholder\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled])[data-placeholder]{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}[data-placeholder-shown] .disabled\:\[\[data-placeholder-shown\]_\&\]\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled]){color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.enabled\:hover\:bg_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.surface\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredVariant\}\):enabled:is(:hover,[data-hover]){background:color-mix(in srgb,var(--colors-sd-system-color-component-surface),var(--colors-sd-system-color-interaction-hovered-variant))}.enabled\:focusVisible\:ring-w_sd\.system\.dimension\.border\.medium:enabled:is(:focus-visible,[data-focus-visible]){outline-width:var(--border-widths-sd-system-dimension-border-medium)}.enabled\:focusVisible\:outline-style_solid:enabled:is(:focus-visible,[data-focus-visible]){outline-style:solid}.enabled\:focusVisible\:ring-c_sd\.system\.color\.interaction\.hovered:enabled:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-interaction-hovered)}.enabled\:hover\:bg-c_sd\.system\.color\.interaction\.hoveredVariant:enabled:is(:hover,[data-hover]){background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.enabled\:focusVisible\:bg-c_sd\.system\.color\.interaction\.hoveredVariant:enabled:is(:focus-visible,[data-focus-visible]){background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.enabled\:focusVisible\:ring-c_sd\.system\.color\.component\.outlineVariant:enabled:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-component-outline-variant)}.enabled\:hover\:bg-i_linear-gradient\(0deg\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_0\%\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_100\%\):enabled:is(:hover,[data-hover]){background-image:linear-gradient(0deg,var(--colors-sd-system-color-interaction-hovered) 0%,var(--colors-sd-system-color-interaction-hovered) 100%)}.enabled\:focusVisible\:bg-i_linear-gradient\(0deg\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_0\%\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_100\%\):enabled:is(:focus-visible,[data-focus-visible]){background-image:linear-gradient(0deg,var(--colors-sd-system-color-interaction-hovered) 0%,var(--colors-sd-system-color-interaction-hovered) 100%)}.enabled\:focusVisible\:ring-w_sd\.system\.dimension\.border\.thick:enabled:is(:focus-visible,[data-focus-visible]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.enabled\:focusVisible\:ring-c_sd\.system\.color\.impression\.primary:enabled:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-impression-primary)}.enabled\:hover\:ring-c_sd\.system\.color\.interaction\.hovered:enabled:is(:hover,[data-hover]){outline-color:var(--colors-sd-system-color-interaction-hovered)}.checked\:disabled\:bg-c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.impression\.primary\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):is(:disabled,[disabled],[data-disabled]){background-color:color-mix(in srgb,var(--colors-sd-system-color-impression-primary),var(--colors-sd-system-color-interaction-hovered-on-primary))}.checked\:disabled\:bd-c_transparent:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):is(:disabled,[disabled],[data-disabled]){border-color:transparent}.hover\:disabled\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:hover,[data-hover]):is(:disabled,[disabled],[data-disabled]){color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.enabled\:hover\:after\:pos_absolute:enabled:is(:hover,[data-hover]):after{position:absolute}.enabled\:hover\:after\:inset_0:enabled:is(:hover,[data-hover]):after{top:0;right:0;bottom:0;left:0}.enabled\:hover\:after\:bg_sd\.system\.color\.interaction\.hovered:enabled:is(:hover,[data-hover]):after{background:var(--colors-sd-system-color-interaction-hovered)}.enabled\:focusVisible\:after\:pos_absolute:enabled:is(:focus-visible,[data-focus-visible]):after{position:absolute}.enabled\:focusVisible\:after\:inset_0:enabled:is(:focus-visible,[data-focus-visible]):after{top:0;right:0;bottom:0;left:0}.enabled\:focusVisible\:after\:bg_sd\.system\.color\.interaction\.hovered:enabled:is(:focus-visible,[data-focus-visible]):after{background:var(--colors-sd-system-color-interaction-hovered)}.disabled\:checked\:\[\&_svg\]\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.impression\.primary\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked],[aria-checked=true],[data-state=checked]) svg{color:color-mix(in srgb,var(--colors-sd-system-color-impression-primary),var(--colors-sd-system-color-interaction-hovered-on-primary))}.disabled\:checked\:\[\&_\.checkmark\]\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.interaction\.disabled\}\,_\{colors\.sd\.system\.color\.impression\.onPrimaryContainer\}\)\;:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked],[aria-checked=true],[data-state=checked]) .checkmark{color:color-mix(in srgb,var(--colors-sd-system-color-interaction-disabled),var(--colors-sd-system-color-impression-on-primary-container))}.enabled\:hover\:after\:content_\'\':enabled:is(:hover,[data-hover]):after{content:""}.enabled\:focusVisible\:after\:content_\'\':enabled:is(:focus-visible,[data-focus-visible]):after{content:""}@layer components{.\[\@layer_components\]\:w_min\(100\%\,_300px\){width:min(100%,300px)}}@media screen and (min-width: 48rem){.expanded\:w_44px{width:44px}.expanded\:h_44px{height:44px}.expanded\:pt_sd\.system\.dimension\.spacing\.large{padding-top:var(--spacing-sd-system-dimension-spacing-large)}.expanded\:flex-d_row-reverse{flex-direction:row-reverse}.expanded\:jc_end{justify-content:end}}}

package/dist/tokens/getToken.js

@@ -0,0 +1,7 @@
+import o from "../design-tokens/dist/tokens.js";
+function e() {
+  return o;
+}
+export {
+  e as getToken
+};

package/dist/tokens/index.d.ts

@@ -1,5 +1,38 @@
 export declare const SerendieTokens: {
     sizes: {
+        sd: {
+            reference: {
+                dimension: {
+                    breakpoint: {
+                        small: {
+                            value: string;
+                        };
+                        medium: {
+                            value: string;
+                        };
+                        large: {
+                            value: string;
+                        };
+                        extraLarge: {
+                            value: string;
+                        };
+                    };
+                };
+            };
+            system: {
+                dimension: {
+                    breakpoint: {
+                        compact: {
+                            value: string;
+                        };
+                        expanded: {
+                            value: string;
+                        };
+                    };
+                };
+            };
+        };
+    } & {
         sd: {
             reference: {
                 dimension: {

package/dist/tokens/index.js

@@ -0,0 +1,10 @@
+import s from "../design-tokens/dist/panda-tokens.js";
+import o from "../node_modules/deepmerge/dist/cjs.js";
+const { textStyles: n, ...e } = s, t = o(e.sizes, e.spacing), p = {
+  ...e,
+  sizes: t
+}, c = n;
+export {
+  p as SerendieTokens,
+  c as SerendieTypography
+};

package/dist/tokens/keyframes/index.js

@@ -0,0 +1,9 @@
+const e = {
+  spin: {
+    "0%": { transform: "rotate(0deg)" },
+    "100%": { transform: "rotate(360deg)" }
+  }
+};
+export {
+  e as SerendieKeyframes
+};

package/dist/ui/styled-system/css/conditions.js

@@ -0,0 +1,20 @@
+import { withoutSpace as s } from "../helpers.js";
+const a = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,expanded,expandedOnly,expandedDown,_themeAsagi,_themeKurikawa,_themeSumire,_themeTsutsuji,base", i = new Set(a.split(","));
+function o(r) {
+  return i.has(r) || /^@|&|&$/.test(r);
+}
+const d = /^_/, l = /&|@/;
+function u(r) {
+  return r.map((e) => i.has(e) ? e.replace(d, "") : l.test(e) ? `[${s(e.trim())}]` : e);
+}
+function p(r) {
+  return r.sort((e, n) => {
+    const _ = o(e), t = o(n);
+    return _ && !t ? 1 : !_ && t ? -1 : 0;
+  });
+}
+export {
+  u as finalizeConditions,
+  o as isCondition,
+  p as sortConditions
+};

package/dist/ui/styled-system/css/css.js

@@ -0,0 +1,32 @@
+import { createMergeCss as b, createCss as g, hypenateProperty as p, withoutSpace as m } from "../helpers.js";
+import { sortConditions as h, finalizeConditions as f } from "./conditions.js";
+const u = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,textStyle:textStyle", d = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
+u.split(",").forEach((r) => {
+  const [t, o] = r.split(":"), [i, ...n] = o.split("/");
+  d.set(t, i), n.length && n.forEach((e) => {
+    s.set(e === "1" ? i : e, t);
+  });
+});
+const a = (r) => s.get(r) || r, l = {
+  conditions: {
+    shift: h,
+    finalize: f,
+    breakpoints: { keys: ["base", "expanded"] }
+  },
+  utility: {
+    transform: (r, t) => {
+      const o = a(r);
+      return { className: `${d.get(o) || p(o)}_${m(t)}` };
+    },
+    hasShorthand: !0,
+    toHash: (r, t) => t(r.join(":")),
+    resolveShorthand: a
+  }
+}, S = g(l), k = (...r) => S(c(...r));
+k.raw = (...r) => c(...r);
+const { mergeCss: c, assignCss: v } = b(l);
+export {
+  v as assignCss,
+  k as css,
+  c as mergeCss
+};

package/dist/ui/styled-system/css/cva.js

@@ -0,0 +1,60 @@
+import { memo as y, compact as C, uniq as P, mergeProps as h, splitProps as E } from "../helpers.js";
+import { mergeCss as u, css as K } from "./css.js";
+const j = (n) => ({
+  base: {},
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: [],
+  ...n
+});
+function M(n) {
+  const { base: f, variants: s, defaultVariants: e, compoundVariants: m } = j(n), o = (t) => ({ ...e, ...C(t) });
+  function a(t = {}) {
+    var d;
+    const r = o(t);
+    let i = { ...f };
+    for (const [l, V] of Object.entries(r))
+      (d = s[l]) != null && d[V] && (i = u(i, s[l][V]));
+    const c = A(m, r);
+    return u(i, c);
+  }
+  function v(t) {
+    const r = j(t.config), i = P(t.variantKeys, Object.keys(s));
+    return M({
+      base: u(f, r.base),
+      variants: Object.fromEntries(
+        i.map((c) => [c, u(s[c], r.variants[c])])
+      ),
+      defaultVariants: h(e, r.defaultVariants),
+      compoundVariants: [...m, ...r.compoundVariants]
+    });
+  }
+  function p(t) {
+    return K(a(t));
+  }
+  const b = Object.keys(s);
+  function O(t) {
+    return E(t, b);
+  }
+  const g = Object.fromEntries(Object.entries(s).map(([t, r]) => [t, Object.keys(r)]));
+  return Object.assign(y(p), {
+    __cva__: !0,
+    variantMap: g,
+    variantKeys: b,
+    raw: a,
+    config: n,
+    merge: v,
+    splitVariantProps: O,
+    getVariantProps: o
+  });
+}
+function A(n, f) {
+  let s = {};
+  return n.forEach((e) => {
+    Object.entries(e).every(([o, a]) => o === "css" ? !0 : (Array.isArray(a) ? a : [a]).some((p) => f[o] === p)) && (s = u(s, e.css));
+  }), s;
+}
+export {
+  M as cva,
+  A as getCompoundVariantCss
+};

package/dist/ui/styled-system/css/cx.js

@@ -0,0 +1,9 @@
+function n() {
+  let t = "", e = 0, r;
+  for (; e < arguments.length; )
+    (r = arguments[e++]) && typeof r == "string" && (t && (t += " "), t += r);
+  return t;
+}
+export {
+  n as cx
+};

package/dist/ui/styled-system/css/sva.js

@@ -0,0 +1,33 @@
+import { getSlotRecipes as b, memo as j, splitProps as v, compact as O } from "../helpers.js";
+import { cva as _ } from "./cva.js";
+import { cx as V } from "./cx.js";
+const y = (s, a) => s + "__" + a;
+function k(s) {
+  const a = Object.entries(b(s)).map(([t, r]) => [t, _(r)]), i = s.defaultVariants ?? {};
+  function m(t) {
+    const r = a.map(([e, n]) => [e, V(n(t), s.className && y(s.className, e))]);
+    return Object.fromEntries(r);
+  }
+  function p(t) {
+    const r = a.map(([e, n]) => [e, n.raw(t)]);
+    return Object.fromEntries(r);
+  }
+  const o = s.variants ?? {}, c = Object.keys(o);
+  function l(t) {
+    return v(t, c);
+  }
+  const u = (t) => ({ ...i || {}, ...O(t) }), f = Object.fromEntries(
+    Object.entries(o).map(([t, r]) => [t, Object.keys(r)])
+  );
+  return Object.assign(j(m), {
+    __cva__: !1,
+    raw: p,
+    variantMap: f,
+    variantKeys: c,
+    splitVariantProps: l,
+    getVariantProps: u
+  });
+}
+export {
+  k as sva
+};